How to change the BuddyPanel menu icons?

[Paul]

Hello,

How do I change the BuddyPanel menu icons? Is there something in wp-admin, or do I need to hack the CSS / Theme Code?

[Anve S.]

Hi @modded,

Go to Appearance > menus .You can change the buddypanel menu icons by applying the fontawesome icon in ‘CSS classes’ option for the links .If you don’t see this option for your buddypanel links then enable the css option from the above ‘screen options’ panel , there you can see css option, mark it checked.

Regards
Anve

[Paul]

How would I go about changing the icon default color and hover color? Right now it has a weird blue, and I can’t seem to find where to change that.

[Anve S.]

Hi @modded,

Go to Buddyboss > Boss theme > Styling. In ‘Buddypanel’ option you can select Buddypanel icons color.

Please try the following css to have your color for hover effect on buddypanel icons. Replace ‘red’ with your color.Apply in child theme’s custom css.

#panels #left-panel #scroll-area li a:hover::before{
color:red!important;
}
#panels #left-panel #scroll-area li.current-menu-item a::before {
  color: red !important;
}

Regards
Anve