Menu Color Change (Custom Css Class)

hello, I want the color of the title in the menu to be different for a css class that I have specified. All menu items will be of different class and they will all have different colors.

For example, I want it to be like item1 blue, item2 green, item3, red. How can I do that?

Attachments:

You must be logged in to view attached files.

Hello,

Your site is under construction. Please insert the site admin access into the Private content below the message area.

Please confirm, you want to change the color of the main items on the main menu.

Best Regards

Passwords are in the section below

Hello,

You can change the menu color in Typography > Advanced: https://gyazo.com/c2847b949429a87701fb54c0cfd1da84

and https://gyazo.com/c4cb30c5b2a6e481c3ad8f7421b511e9

If you have any questions please feel free to contact us.

Best Regards

I want to make each menu item a different color.

Item1 = Yellow
Item2 = Green
Item3 = Red

It will be like

Hello,

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

body .wd-nav[class*="wd-style-"]>li.yellow >a {
    color: yellow;
}
body .wd-nav[class*="wd-style-"]>li.green >a {
    color: green;
}
body .wd-nav[class*="wd-style-"]>li.red >a {
    color: red;
}

Best Regards

[Author]

Posts