[Resolved] Menu colors

[Gelu-Dănuț]

Hi,

I want to make a site for a kids playground. For this, I want to have attractive colors, including menu items.
Each menu item should have a different color. No menu item should have the color of the others.
Thank you!

[Leo]

Hi there,

You need give each menu item a unique custom class:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

So if we have a class called black and a class called white then this would be the CSS:

Then add this CSS:

.main-navigation .main-nav ul li.black a {
    background-color: #000000;
}
.main-navigation .main-nav ul li.white a {
    background-color: #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Gelu-Dănuț]

Thank you!

[Leo]

No problem 🙂

[Author]

Posts