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

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

Comments

  • edited September 2016
    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
  • edited September 2016
    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)
  • 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.
  • 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!
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.