Change Hover and Active Links Color of Profile Menus

By default, the platform does not have this option. You can use the following CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.bp-user .bp-navs ul li.selected a,
.bp-user nav#object-nav .selected > a {
border-bottom-color: green;
color: green;
}

.bp-user .bp-navs ul li a:hover,
.bp-user nav#object-nav a:hover,
.bp-user .buddypress-wrap .bp-navs li:not(.current) a:hover,
.bp-user .buddypress-wrap .bp-navs li:not(.selected) a:hover {
color: green;
}

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/

Screenshot

Timeline is the active link while Profile is the hover color.