How to Change the Color of the “Leave Group” Button on the Group Directory

By default, the color of this button relies on the color that has been set under the Theme Option > Colors > Secondary Button Background Color – Hover. The BuddyBoss Platform/Theme does not have an option to just change the color of this button without affecting other buttons. 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:

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button):hover {
    background-color: #FF0000;
}

You may change FF0000 to the 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: