Theme DEBUT How change the color of text in the menu for an item?

Solved
Highlighted
Excursionist
24 0 2

Hello, I'm with the theme debut and I want to know how to put a red menu item? Example  "PETITS PRIX" in red or choose the color and the size ?

 

menushop.png

 

Thank you very much.

0 Likes

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like

Success.

Trailblazer
640 162 195

Hi, @lefteyes ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.site-nav li:last-child a{
   color: #000;
   font-size: 20px;
}
You can change the color (hex color) and font size as you want. If this doesn't work, then can you add your store URL?
 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Excursionist
24 0 2

Thank you very much Evita, if I wish it to be the first item on the menu? and keep the current font of the menu?

 

Thank you very much.

0 Likes

Success.

Trailblazer
640 162 195
Replace last-child with first-child and to keep original font size then just remove font-size
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Excursionist
24 0 2

You are the best!!!

 

Thank you so much :)

1 Like
Excursionist
24 0 2
One last thing, how to put the color red for the mobile version?

 

Thank you so much.

0 Likes

Success.

Trailblazer
640 162 195

Add this code:

#MobileNav li:first-child a{
   color: red;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like