How to remove pricing from product preview only!

[user4825]

Hi again,

Having a bit of trouble trying to figure out how to “hide” pricing on the front page of specific products? I only want it hidden on 2 products which are also in the same collection but only on the front screen before you click into the product. Hope to have a quick and easy solution

Link: https://theblank.co.nz/
Password: sofeti

[tim_1]

Since it’s a separate section, try adding code to “Custom CSS” setting of this section:

.grid-product__price {
  display: none;
}

[suyash1]

you can add this css to the custom css tab of this particular section

.grid-product__price {display: none;}

[user4825]

Thank you guys! Will do this now

[user4825]

It says only for the whole store, not section - I am using Dune

[suyash1]

@user4825 click on particular section and then scroll down, you will have section css

[user4825]

Ahh thank you, still learning

[PaulNewton]

@user4825

says only for the whole store, not section

Use the learn more link or read the friendly manual in it’s entirety your business depends on it
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

[user4825]

Hi Tim, it still updates my whole site even though I edit the specific section only.

[tim_1]

This is not possible.

@user4825

Hi Tim, it still updates my whole site even though I edit the specific section only.

This is not possible. “Custom CSS” section setting is processed in a way that ensures the rules apply to this section only.

If you edit the liquid code of this section, then yes, it may, but I’ve never suggested to edit section code.

If you use Theme settings=> Custom CSS – possible too, but again this is not what I suggested.