Change The Color Of A Single Main Menu Item

I have tried all the various possibilities in this chat. However none have worked and my BIG SALE is still black for my website. stiili.com

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

a[href="/collections/yeni%CC%87-sezon"] {
    color: red;
}

And sve.

result:

This will color the mobile and dekstop. Let me know if you like only the desktop. Thanks!

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Hi @STIILI

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

a[href="/collections/big-sale"] {
    color: red;
}

And Sve.

result:

Note: This will visible on the mobile and dekstop.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Hi, I did that in my base.css file however I am having the same issues still

EDIT: IGNORE ABOVE. I RETRIED IT AND IT WORKED!!! THANK YOU. Do you know which coding language this is and why it is different to certain themes?

Oh, it will be hard to explain with code. It’s the same across the other themes, but the specific words you want to change are different from those in the other store, including varying wording and collection names. While you have the same theme, each store owner has a unique design, adding a lot of customizations. That’s why sometimes things work and sometimes they don’t.

Hi

Any chance you can assist me please? Trying to make one single item a different colour. ( www.powerhome.co.za). under my main menu header the " TRACK MY ORDER" part. to Blue. I have theme.css and I am using the Electro theme and dont have base.css. If tried multiple ways to do this but not having any luck.

@Made4uo-Ribe

Hello,

Can you help to get a code for this store too? https://263b2e-ed.myshopify.com/

Mega Menu - Sklep - needs red colour and mobile too.

Thank you in advance.

Hi @powerH64

I apologize for the oversight. Please provide another link or a preview. Then mention me so I can comment before it expires. Thank you!

Hi @Skviotu

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

li.has-submenu.submenu-is-mega-menu:nth-child(1) > a {
    color: red;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

https://powerhome.co.za/

In the main menu " TRACK YOU ORDER"

@Made4uo-Ribe

Thank you for the info, do you like to change the mobile aslo?

This is for te dekstop and mobile.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

li.menu-item > a[href="https://powerhome.co.za/apps/track123"], 
li.menu-item.menu-mobile-item a[href="https://powerhome.co.za/apps/track123"] {
    color: blue;
}

And save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Not working.

Can you advise if I am putting in the code correctly please? @Made4uo-Ribe

see attached image.

Yes, It correct. Can you try to add on the header.css? Thanks!

@Made4uo-Ribe - Sorry can you expand on what you mean by " can you try add on the header.css"? been trying a lot of methods but not getting it right. Thank you

Sorry Im not clear. Instead of theme.css

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the header.css

Then place the code below at the very bottom of the file.

li.menu-item > a[href="https://powerhome.co.za/apps/track123"], 
li.menu-item.menu-mobile-item a[href="https://powerhome.co.za/apps/track123"] {
    color: blue;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Hello,

I’m trying change a button on the menu to red. just like many other peoples have asked you. I look everywhere and the only place I can see to edit is header.lidquid under section. My theme is “supply” My URL is txaquatic.com , Can you please help me with code to change the button CLEARANCE to red color. PLease

Hi @texasaquallc

Is this solved?

Yes, Thanks My friend