Changing the color of individual Collection headers / Navigation titles (Dawn Theme)

Hey, is there a way that I can change the color of individual collection headers / navigation titles in the header? I will add a picture below about the issue and desired outcome. So I would like to change the “SALE” and “Deals” Collection headers into reddish color.

Website url: https://bellevodesign.com/

How it looks now:

Screenshot 2024-07-07 193011.png

The desired outcome:

Screenshot 2024-07-07 193019.png

Hi @bellevo

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

[href=“/pages/deals”] span, [href=“/collections/sale”] {color: red !important;}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

1 Like

Hey, that worked perfectly thank you. One more question, is there a way for me to change it on mobile as well? As this only changed it on desktop, thanks in advance!