3 replies to this topic

[Franco Tomassi]

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

[Sridhar Katakam]

Yes.

Possible by editing style.css.

[Franco Tomassi]

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

[Sridhar Katakam]

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