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?

Table of Content

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

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

  • This field is hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

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

  • Get Started

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

  • This field is for validation purposes and should be left unchanged.