Documentation
BuddyBoss Web
BuddyBoss Web
Learn how to install, configure and customise the BuddyBoss Platform and Theme to launch your online community or elearning site
BuddyBoss App
BuddyBoss App
Read our guides as we setup and configure your BuddyBoss App, including configuration, branding, testing and publishing your very own native app
Integrations
Integrations
Extend your site with our official and third party plugins. We’ll explain what’s possible and how they improve your Web and App experience
Recent Articles
Changing the font size of the group name (Mobile View)
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: @media only screen and (max-width: 767px) {
h2.bb-bp-group-title {
font-size: 50px !important; /* Adjust the size as needed */
}
} 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:
Change the color of the name in the profile page (Mobile View)
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: @media (max-width: 767px) {
h2.user-nicename {
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 With code:
Remove the gap between Course page title and the Header menu
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: .post-type-archive-sfwd-courses .content-area{
padding-top: 0;
} 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:
Remove the search bar in LearnDash course page
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-courses-header{
display: none;
} 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:
Removing the countdown (Seconds) in Zoom
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: span.countSeconds {
display: none;
} 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:
Blog Page Layout showing in a box with round corners
By default, there isn't a specific setting to add a box with rounded corners to the Blog page content. However, the customer can use the CSS code below for this purpose. Please follow the steps below: 1. Go to BuddyBoss > Theme Options 2. Under Custom Codes, enable CSS 3. Append the following: .entry-content-wrap { background: var(--bb-content-background-color); border: 1px solid var(--bb-content-border-color); border-radius: var(--bb-block-radius); -webkit-transition: all linear .2s; transition: all linear .2s; padding: 20px !important; } 4. Save changes. Note: Any modifications are considered custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/ With the Code:
App Icon Name Limit
Typically, an App Icon Name that is 12 characters in length which includes any spaces will fit without a problem for both Android and Apple Devices. It can be set up by going to BuddyBoss App Dashboard - Configure - General.
Add a message on the Activation Code Page
By default, the platform does not have this option. You can use the following JavaScript code to add a message on the Activation Code Page. Please follow the steps below: 1. Go to BuddyBoss > Theme Options 2. Under Custom Codes, enable JavaScript 3. Append the following: jQuery(document).ready(function($) { // Select the paragraph containing the original sentence var $paragraph = $('div#register-page aside.bp-feedback.bp-messages.info p'); // Append the new sentence $paragraph.append(' Please also check your spam folder.'); }); 4. Save changes. Note: Any modifications are considered custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/
Hide the Texts "Sub Forums" and "This forum category has ..."
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-feedback.info, .bb-sub-forum-title { display: none; } /*add codes here*/ 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
Change the Text and Hover Color for the "Create Account," "Forgot Password," and "Terms of Service" Links
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: /* Forgot password link */ .login a.privacy-policy-link, .login form .lostmenot a, form#lostpasswordform a.bs-sign-in { color: red; } /* Forgot password link on hover */ .login a.privacy-policy-link:hover, .login form .lostmenot a:focus, .login form .lostmenot a:hover, form#lostpasswordform a.bs-sign-in:hover { color: black; } /* Sign up link */ body.login .login-heading a { color: red; } /* Sign up link on hover */ body.login .login-heading a:focus, body.login .login-heading a:hover { color: black; } /* Terms of service */ body.login .privacy-policy-page-link a { color: red; } /* Terms of service on hover */ body.login .privacy-policy-page-link a:hover { color: black; } /*add codes here*/ 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