Change color for one menu item

[VSom]

Hi everyone,

I have been struggling finding how to change the color for only one menu item in my header  -  I have tried some of the proposed solution from the community but it didn't work so far. 

I went to the theme.css and uploaded various code notes but there has been no change since.

I can deal with code a little bit hence kind assistance very welcome ! 

many thanks ahead 

[VSom]

[Moeed]

Hey @VSom 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[VSom]

Dear Moeed,

Thank you for your prompt assistance. Website url is https://www.joyamada.com/ and I would like to change the colour for "Prix Doux" in the header menu. Many thanks, V

[Moeed · Accepted solution]

Hey @VSom 

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>
li a[href="/en/collections/prix-doux/prix-doux+archive"] {
    color: red !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[VSom]

thank you for your great assistance Moeed,

it worked very well - had to include it twice for both languages of my website. Best regards, V

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[websensepro]

Hi @VSom 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

li.header__primary-nav-item:nth-child(1) {
    color: red !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[VSom]

thank you ! problem solved !

[websensepro]

Hi @VSom   , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks