Jump to content


Welcome to the forum:

Welcome to the iThemes, PluginBuddy and WebDesign.com forum. We've created several tutorial video's to help you get you started with using the forum, please check them out!

Also take note of the forum guidelines.


Support hours:

Our moderators actively respond to forum support requests during normal business hours which are Monday-Friday, 8am - 5pm Central Standard Time, typically within one business day. Although some moderators choose to work during the weekends, we can not guarantee immediate attention to your requests. Thanks for understanding.

What is included with support:

Premium support includes theme/plugin issues such as: bugs encountered under normal operation, how to use basic features, basic WordPress help, and basic help with customization (meaning we point you to resources and will help in more depth as time allows). More information.

information

Pre Sale Question For Builder: Custom Horizontal Menu

menu builder

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 Franco Tomassi

Franco Tomassi

    Member

  • Members
  • PipPip
  • 13 posts

Posted 16 December 2011 - 11:50 AM

Hello,

i am evaluating to buy builder and I wanted to know if I can make individual menu items with different width, and different background color (also for hover).

Thank you

#2 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 16 December 2011 - 11:51 AM

Yes.

Possible by editing style.css.

#3 Franco Tomassi

Franco Tomassi

    Member

  • Members
  • PipPip
  • 13 posts

Posted 03 January 2012 - 07:48 PM

Thank you Sridhar. I've bought Builder and I am happy with it.

I am still trying to get horizontal menu items with different background color, width, alignment, also for hover state.

I see that Builder actually references every item with a different id,

<div class='builder-module-navigation-menu-wrapper'>
<ul class='menu'>
<li class="page_item page-item-897"><a href="http://pool.it/clienti/" title="CLIENTI">CLIENTI</a></li>
<li class="page_item page-item-891"><a href="http://pool.it/comunicazione/" title="COMUNICAZIONE">COMUNICAZIONE</a></li>
</ul>
</div>

but I don't know how to address that id in css.

I have made an attempt... something like this in the Style Editor

ul.hmenu>li.menu-item-897>a:before,
ul.hmenu>li.menu-item-897>a:after {
background-image: none;
background-color: #FCC40B;
}
ul.hmenu>li.menu-item-897>a:hover:before,
ul.hmenu>li.menu-item-897>a:hover:after {
background-color: #FFF;
}

but it's obviously not working.

Thank you for any help.

DoMiSol Rossini

#4 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 03 January 2012 - 11:27 PM

Please post this in Builder support forum as a new topic.