How to Change the Group Type Label Background Color on Mobile View

The color of this button is determined by the color set for the Group Type’s Label Colors under the WordPress admin – BuddyBoss – Groups – Group Type – [select your group type] – Label Colors. Unfortunately, the BuddyBoss Theme/Platform does not provide an option to exclusively modify this color specifically for mobile view. 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:

@media only screen and (max-width: 767px) {
    .item-header-wrap .bp-group-meta .group-type {
        background-color: #ff0000 !important;
    }
}

    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: