I use the alternative menu widget in one of my pages. Now i want to change the hover background color, bur i don’t know where to find this setting. Can you help me out?
THX Freek
Hi Freek,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
Rikard
Sure. Look on the right site of the screen. There is a menu.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top .content .flex_column .widget_nav_menu li a:hover {
background-color: red;
color: orange;
}
Regards,
Yigit
THX.
That worked. The only thing that is not so nice is the background of the current menu item. It is grey now and i want a black background with yellow font.
Is that possible too?
Freek
Hi!
Please add following code to Quick CSS as well
#top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item, #top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item {
background-color: transparent;
}
.widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
color: #f2c63c;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
Yigit
It worked like a charm!
THX again