BuddyPanel icon hover

[Lorraine]

Hi,

In your demo, and on my site, the BuddyPanel icons hover in a turquoise colour. I can’t find anywhere to edit that colour, and I haven’t easily been able to isolate the class to change behaviour for both open and closed states. There isn’t a choice in the options that is still this colour.

Can you point me in the right direction?

Also, in the Customiser > Styling, there are 2 instances of “Titlebar Background Color” – so either there’s a duplicate, or one has been mid-labelled.

Many thanks.

EDIT: I’ve since managed to change the icon hover colour using the code below, but still struggling to change the colour of the icon on hover when the flyout item is being hovered on:

ul#menu-buddypanel a:hover::before

[Lorraine]

Any help on this one?

[Anonymous]

Hi @keen, Please add this css inside your theme’s Boss option css section to change the icons hover color..

#menu-buddypanel li:hover a::before
{
    color: red !important;   // Use your color code instead of *RED //
}

That is not mis-labelled, first Titlebar Background Color option is for Titlebar with buddypanel and Second Titlebar option is for Titlebar without having buddypanel

Regards

[Lorraine]

Hi,

So simple! I must have been overly complicating it.

Thanks for the screenshot – in Customizer it is less obvious – the titles are the same.

Many thanks

[Anonymous]

🙂