How to add a color stripe to a new menu item in "software" pre-built template?

inuadesign

Hello,

We are using the "software" pre-built design/demo for BETHEME (http://themes.muffingroup.com/be/software/) and I cannot figure out, how to add a color stripe to a new menu item... The default pages have different color stripes above menu items, but when we add a new item/page in the menu, it has no stripe at all. I understand you are using class e.g. "color-pink" which is defined through custom CSS in the theme options, but HOW do I add this class to a menu item??? 

Best Regards,
David

DJRave

same here - I can't see anywhere on the menu itself where you would put this,nor on the page, nor on the menu.php - even tried to hardcode css like this:

#Top_bar .menu > li#menu-item-192 > a:after { background: #ed007b; }

and that didn't work.  You would think they would at least add this to their documentation

DJRave

Ahhh figured it out - under menu you activate css class (it's under screen options right at the top of your menu page, you just click on css classes under Show advanced menu properties).

This will show you extra css class field under each menu item itself - you just need to type in the colour class you want (ie color-sea)

Albert

Hi,

under Appearance > Menus section, under each menu item, you should have CSS Classes (optional) option. But if you don't have such option, you need to activate it under Screen Options in the right top corner.

We are glad to know that @DJRave you found it yourself.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

inuadesign

that's what I thought that there should be CSS class for menu item, but it was hidden and it didn't strike me to turn it on in Screen Options! thanks @DJRave and @muffingroup!

Albert

You are welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next