MainMenu Item Color - SubMenu Item Color

Hi,

is it possible to change just one menu item - submenu item, background/foreground color?

For example on the DEMO version of this template you guys have a menu item called "Menu Types". Can you change the foreground-background color of that particular item? And if so, how?

Also the same question applies for submenu items... On the DEMO version of this template, by clicking on Menu Types, a drop-down list appears and its third item is called "Split Menu". Can you change the background-foreground color of that particular item, and if so, how?

Thank you for your time and effort

Hi,
yes you can. Please go to menu settings. Here in right column you will find 'Menu Params(GavicPro)' section. Here you will find 'Additional class' option. Add own class to this menu item. And then add css rules for this item in override.css file.

I have read that on another topic. Any ideas on how to create the class? Override css?

Ok so please add class to this menu item and give me url to your website. And let me know what exactly you want to achieve.

Sent u PM, thanks..

Try add this code to override.css

Code: Select all

li.redclass {
background: red !important;
color: #fff;
margin: 0 -20px;
}
li.redclass a {
margin: 0 20px;
}



and remember to enable override.css option in template settings.

almost there... background is ok... font color will not change though... I tried adding after the "#fff" the "!important" statement but it won't change..

also, the margins are not correct for the background color.. I was hoping from the beginning (left) of the drop-down list to the end (right)..

Update...

using only the

"li.redclass a" section, colors work as expected. Any ideas regarding the margins?

I can't check because login details you send me don't work anymore.