How can I edit the CSS of a specific element on my website?

Store Design
1

Hello, I hope someone can help.

I’m trying to edit the CSS of a specific section/element on my website. I can’t share the link at the moment as the site is in development and hidden but please let me know what info you might need and i’ll be happy to help!

I’m using the Showcase 2.0 theme, and on a page I’m displaying a “Featured Collection” section. However on this specific instance of the Featured Collection, I want to hide the prices as the products are not for sale.

I thought i would be able to be able to add the section id to the css.liquid file and display:none like this:

#shopify-section-template--15746944794814__165960039162a4ec1c .product-block .price {
display:none;
}

but it doesnt seem to work at all. Is this way of specifying an element with its ID possible in Shopify? Im used to doing this on other platforms.

Thank you so much

Hannah

2

OOps i realised i just needed to add !important and it works perfectly fine. Hope it helps someone else :slightly_smiling_face: