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:


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