How do I find the correct selectors for custom CSS in a section?

[Elissa_Paquette]

Hi There!

I’m having trouble finding the correct code to change the font size and color of my Featured Collection section. I was able to style the Collection List section without much trouble, just using inspect on my Mac. But for some reason, I just can’t figure out how to change the text and button colors/size for Featured Collection–for starters, there seem to be two different h2’s in there?? So when I change the h2 color, it just changes the product titles, but not the actual heading of the section.

Any help would be much appreciated! The Featured Collection is the first one on my homepage at shopcalico.com and I’m using the them Fashionopolism.

Thank you!

[BSS-Commerce]

Hi @Elissa_Paquette

You can find the Featured Collection section by following these steps:

We visited to your website and found that most of the CSS are written in stylesheet.css or stylesheet.scss.liquid. You can find the selectors of the elements by navigating to the browser dev tool.

You can find those files and copy the code that changes the styles of those elements to the bottom of the file. To find those files, you can do the following:

We hope that this can help you.