Different Colour Menus

[Jonger]

Hi,

Does anyone know if it is possible to have different coloured backgrounds for each option in the menu. For example behind Home it has a red background, about us has blue and contact us has green. I know it is possible to change them all the same colour, just wondered where to change them individually.

I am looking at using Outreach Pro.

If it is possible, how is this done, plugin, code or magic?

Cheers

Jon

[Christophe]

hi - Interested in this one too...please?

[Stensson]

http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/

.genesis-nav-menu .home {
background: #FF0000;
}

[Brad Dalton]

Try this which is specific to StudioPress nav menu classes http://wpsites.net/web-design/changing-the-color-of-each-nav-menu-item/

---

Tutorials for StudioPress Themes & WooCommerce.

[Davinder Singh Kainth]

Can be easily done using css classes feature - http://www.basicwp.com/menu-items-color-in-genesis/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Here is video walk through - https://www.youtube.com/watch?v=e__u4zdIksc

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Jonger]

Thanks guys, thats great.

[hc2]

This is exactly what I was looking for. Thanks for the tip. Only thing that doesn't seem to be working properly is the colour change on hover over. Using Metro Pro theme... should I be adjusting anything else in the css?

[Author]

Posts