Change color of one header menu item Ride theme

Solved

Change color of one header menu item Ride theme

leyaburns
Tourist
6 0 0

I'm trying to change the color of just one header menu link on our site; I've tried a number of solutions that I've found on this forum but haven't been able to make any of them work.

 

Our site is: https://www.acceleratefundraising.org/ and we're using Ride theme 15.0.

 

I want to change the "Fundraising Startup Package" to be our brand yellow (#DCF41E) while keeping all other menu items the current color.

 

Here's what it looks like now:

header menu now.png

 

And here is a mockup of what it should look like:

header menu mockup.png

Accepted Solution (1)

round
Shopify Partner
113 18 10

This is an accepted solution.

@leyaburns  Hope you are well

Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and  paste this code on the end
 

 

a#HeaderMenu-fundraising-startup-package {
    color: #DCF41E;
}

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.



Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

View solution in original post

Replies 7 (7)

round
Shopify Partner
113 18 10

This is an accepted solution.

@leyaburns  Hope you are well

Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and  paste this code on the end
 

 

a#HeaderMenu-fundraising-startup-package {
    color: #DCF41E;
}

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.



Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
leyaburns
Tourist
6 0 0

This worked for all pages except the page itself - when you're on that page, it reverts to white. Any ideas?Screenshot 2024-06-27 144540.png

round
Shopify Partner
113 18 10

@leyaburns  


@ hope you are well
Please go to
1) Online store
2) Themes -> Edit theme
3) asstes
4) base.css and  paste this code on the end

a#HeaderMenu-fundraising-startup-package {
    color: #DCF41E;
}
I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.


Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
leyaburns
Tourist
6 0 0

This worked, thank you!

round
Shopify Partner
113 18 10

@leyaburns  
any kind of help don't hesitate to send me a PM
Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

techlyser_web
Shopify Partner
1770 327 355

Hello @leyaburns 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
a#HeaderMenu-fundraising-startup-package {
color: #DCF41E !important;
}
</style>

techlyser_web_0-1719513545333.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
leyaburns
Tourist
6 0 0

Hi @techlyser_web , this works except for on the Fundraising Startup Package page itself - on that page, the link reverts to white. Any suggestions?

 

Screenshot 2024-06-27 144540.png