Hide a specific class with css

Hallo 
In the Squarespace store there is the price label: div class="product-price". Is there a way to hide this element on all products? I know I might not make sense for you, but I would like to use the store to only reserve a certain seminar or workshop, which is not shure, that it will be held. 

<div class="product-price" id="yui_3_17_2_1_1702648501249_492">
CHF&nbsp;0.00
</div>

Paul

Hello @Imager, try this:

.product-price {
	display: none;
}

The product will still have the associated price, it just won't be visible.

Hi Alex. Thank you for your post. Price is still there. I also tried with: 

.product-price {
    display: none !important;
}

21 hours ago, Imager said:

In the Squarespace store there is the price label: div class="product-price". Is there a way to hide this element on all products?

You should be able to hide it with this Custom CSS, but you said you'd tried this:

.product-price { 
  display:none!important; 
}

Were you adding this to the start of the Custom CSS panel, or somewhere else? A link to the page will help us to see the issue.

Hallo
Problem solved. I had another error in the code (from another) function, which prevented the above code to run. Thx.