Menu font color

Hi!

We want to change the color of JUST ONE menu item.

Like this —> https://prnt.sc/qvs0kp

We tried with advanced typography, but the “Main navigation link” changes all the items.
Where can we edit the color of a single item?

Thanks.

Hello,

You can assign a class inside of the menu item and change it with the custom CSS. You can find instruction on how to do it here: https://xtemos.com/docs/woodmart/create-menu-2/

If you need help with custom CSS, contact us as soon as you insert the class.

Best Regards

Thanks! We already found it.

This is the class that we are trying to use –> https://prnt.sc/qvswhy

How can we create or format that class?

Thanks in advance.

Hello,

I do not see the added class and please note: you do not need to insert dot, just a word which would be a class. Please provide the site admin access to the private area.

Best Regards

Login info on private.

Please show me how to do it, if you can.

Hello,

Here is how the class is added: https://gyazo.com/12bfbee331f14861243ccd53191da044

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-dark .navigation-style-separated .oferas-semana > a {
    color: red;
}
body .whb-color-dark .navigation-style-separated .oferas-semana > a:hover {
    color: red;
}

Best Regards

Thanks!

It worked.

How can we make this work on mobile aswell?

Thanks in advance.

Hello,

Please add this code to the Theme Settings > Custom CSS > Tablet/Mobile:

body .site-mobile-menu li.oferas-semana a {
	color:red;
}

Best Regards

[Author]

Posts