Change BG Colors in alternative menu widget - Support | Kriesi.at

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 20, 2015 at 11:29 am #490661

Freek
Participant

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

August 21, 2015 at 12:21 pm #491307

Rikard
Keymaster

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

August 21, 2015 at 2:28 pm #491405

Freek
Participant

Sure. Look on the right site of the screen. There is a menu.

August 21, 2015 at 3:16 pm #491437
Yigit
Keymaster
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
August 24, 2015 at 8:29 am #492043
Freek
Participant
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
- This reply was modified 8 years, 9 months ago by Freek.
August 24, 2015 at 11:40 am #492096
Yigit
Keymaster
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
August 26, 2015 at 8:18 am #493337

Freek
Participant

It worked like a charm!
THX again
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Change BG Colors in alternative menu widget’ is closed to new replies.