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

Solved

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

bellevo
Explorer
65 0 19

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

Accepted Solution (1)

PageFly-Amelia
Shopify Partner
493 154 222

This is an accepted solution.

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

Replies 2 (2)

PageFly-Amelia
Shopify Partner
493 154 222

This is an accepted solution.

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

bellevo
Explorer
65 0 19

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!