Change the color of a single Name in the main menu

Monaloa
Visitor
2 0 1

Hello everyone,


I need help for CSS code on DAWN Theme.

 

I would like to change the text color of only one of my main navigation menu to highlight it.

The first "LAST CHANCE" navigation menu should appear in red and bolder rather than black.

 

Do you have any idea of what code I should write in CSS code there  ?

My website is www.monaloa.fr

 

Thank you very much,

Best,

PaulineCapture d’écran 2024-01-03 à 11.56.40.png

Replies 5 (5)

Moeed
Shopify Partner
3531 890 1106

Hey @Monaloa 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
a#HeaderMenu-last-chance {
    color: red !important;
}
</style>

 

RESULT:

Moeed_0-1704279944145.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

yashgarg
Shopify Partner
102 26 32

Hey @Monaloa ,

 

Try adding this CSS in your <style> tags

nav li:first-child a {

    color:red;

    font-weight:bold;

}

 

After making this change you will get something like this 

yashgarg_0-1704279937353.png

 

Thanks

Yash Garg

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com

Abdosamer
Shopify Partner
820 146 161

Hi @Monaloa , go to your base.css and add the following code :

ul.list-menu.list-menu--inline li:nth-child(1) a {
    color: red !important;
    font-weight: bold !important;
}

Result:

Abdosamer_0-1704279970464.png

 


 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

websensepro
Shopify Partner
872 117 126

Hi, @Monaloa.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

a#HeaderMenu-last-chance {
    color: red;
    font-weight: 600;
}

Result:

websensepro_0-1704370293443.png

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

ZestardTech
Shopify Expert
5358 961 1286

Hello There,

 

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

 

a#HeaderMenu-last-chance {
color: red;
font-weight: bold;
}

ZestardTech_0-1704280711583.png

 

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