/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to change the user hover color on the header?

How to change the user hover color on the header?

By default, the background hover color is the same as the Content Alternate Background Color. For reference, please see the below image:
 

In case you want to set a specific color, you may use CSS. Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:hover:before{ background-color: #bab6a7; }

Note: just change the hexadecimal (#bab6a7) with your preferred color.

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshots

Without code

With code

Was this article helpful?

Related Articles

Contents

Need Support?

Can't find the answer you're looking for?
Contact Support

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*