Help: change font color of one of the menus

Solved
abcxytz1234
Explorer
77 1 24

Hi 

 

I need help in changing the font color of one of my menus. Currently all the menu font colors are in black. Can I change the font color of “our story” only to this color #ED8E8E when i land on the page? (Across all devices and menus on mobile, desktop, iPad) 

 

Do show me the code to add. 
my site: doodlemedo.com

 

Thanks!

0 Likes
Pallavi
Shopify Expert
2220 363 474

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.min.css and paste this at the bottom of the file:

.menu__item a.d-flex.align-items-center span {
color: #ED8E8E!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
abcxytz1234
Explorer
77 1 24

@Pallavi hi thanks for the code but it changes the font colors of ALL the menus. I am looking to change ONLY "our story" font color in the menu and keep the rest the same in black. can you show me the revised code? thanks!

0 Likes
Akibhusen
Excursionist
196 37 68

Hi,

To update the color of active page you need to add some code in your menu file. Such as need to add code for additional class when link is active.
This required some custom code. You can add me as a staff. So, I can check & made require changes.

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
Natztech
Shopify Partner
1355 380 918

hello @abcxytz1234 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 a[href="/pages/our-story"]{
    color: #ED8E8E !important;
  }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
abcxytz1234
Explorer
77 1 24
hang on. let me check if I can change this directly on my theme first
abcxytz1234
Explorer
77 1 24

@Natztech thanks!! color works now but can i keep the active link color to orange too? so on desktop if i hover on it, it will change to this color #F75A0D (like what it does previously) do let me know the revised code

0 Likes
Natztech
Shopify Partner
1355 380 918

hello @abcxytz1234 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

a[href="/collections/shop-art-prints"]:hover{
    color: var(--header-style-1-menu-h-c) !important;
  }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
abcxytz1234
Explorer
77 1 24

@Natztech hi i want it to be pink (when inactive) but orange when active and this to apply only to "shop art prints" on navigation menu. but it should NOT apply to any other buttons in the site that has the same page link...the revised code doesnt solve that. can you revise this? thanks so much!

0 Likes
abcxytz1234
Explorer
77 1 24

@Akibhusen hi can i have your email to add?

0 Likes