Change LearnDash Badge Colors

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:

.bb-cover-list-item .ld-status {
background-color: var(--bb-primary-color) !important;
}

If you want some other color, please change it to:

.bb-cover-list-item .ld-status {
background-color: red !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