Multi-color menu

[marketingfrosting]

Hi,

I'm using the Executive Theme right now, but I'm open to most other PRO HTML5 themes.

I'm trying to get a multi-color menu like this one...

Home

I'm a beginner-intermediate level.

Thanks!
Melissa

http://oliverrussell.com/

[AnitaC]

Go to your Menus. In the top right corner click Screen Options. Make sure there is a check mark in CSS Classes. Then click Screen Options to close it up. Go to your first tab and click it to open. In the CSS box type the name of that tab, repeat this on all of your tabs. Then save it. Then open up the Style.css sheet. At the very bottom add this:

.YOUR-TAB-NAME {
background: #cc9900;
}

You need to add this for each tab. Change YOUR-TAB-NAME to the tab name and then change the #cc9900 color to the color of your choice for each of your tabs. If you have 5 tabs - you should have 5 sets of these in your style sheet.

---

Need help with customization or troubleshooting? Reach out to me.

[marketingfrosting]

Hi,

Thanks so much for your reply. There's no CSS option in the screen options -- maybe it's a change in the HTML5?

I did try what you said (other than the CSS checkbox), but no change has taken place.

[marketingfrosting]

Hi Anita,

I didn't click on MENU when I went to find CSS. Totally my mistake, and sorry for not following your excellent directions!

It worked like a charm.

Thanks so much,
Melissa

[Author]

Posts