Change Color of Text for Featured Products in Specific Collection

[TrinityThrift]

I have searched for this all over, but cannot find a viable solution. TrinityThrift.com

Basically, I would like to change the color of the text for my Featured Collections for each specific collection. I have several, and have created custom themes in the Theme Editor. But I cannot get the color of the text to change for each individual collection theme.

For my Astrology Drip and BackDrip collections, the text is the correct color (white), however, I want the text to be a different color for my other themes (like the petite, small, etc for my thrift shop). Could someone please tell me what to type into my theme.scss.liquid?

As you can see in the picture below for Astrology Drip, the text is white, which is fine.

But for this collection (petite), the text is also white, and I need it to be black. How can I change the text for each individual collection?

[marcoswata]

Could you please clarify:

1. should the font colour apply to product titles only, in the collection page?

2. is this going to be a colour per collection template (in this case you can create a setting in your collection section) or per individual collection? (in this case you will need metafields)

[Litos · Accepted solution]

Hi @TrinityThrift,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

#astrology-drip * {
    color: #fff !important;
}
#petites * {
    color: #000 !important;
}

Hope it helps!

[TrinityThrift]

Oh goodness, thank you SO MUCH Litos!!! That was the trick. Thank you, Thank you, THANK YOU!! 😁

[Litos]

Hi @TrinityThrift,

If you have any further questions, you can contact me.
Happy to help you.

[TrinityThrift]

One more quick question:

I notice now that there are two headers on my collection pages now. Not sure how that happened, and I'm not sure where to change it, as I can't located it on the page inspector. If you have any ideas, I'd be grateful!

[Litos]

Hi @TrinityThrift,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

[TrinityThrift]

Good idea. I'll do that, thank you!

[TrinityThrift]

Here's the link to the new question! Thanks again. 🙂

https://community.shopify.com/c/shopify-design/two-headers-showing-up-on-collection-pages-in-prestig...

[oscprofessional]

Hello @TrinityThrift 

It will be helpful if you try this code.

Go to the online store ->Theme -> Assets -> theme.scss.liquid -> Add code at the bottom

.ProductList.ProductList--grid.ProductList--removeMargin.Grid .Heading {    
color: #000;
}