Recent Articles

How to Move the Header Sub-Menu from Left to Right

By default, the BuddyBoss Theme displays sub-menus on the left side. 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: .site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu .menu-item:hover .ab-submenu, .site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu .menu-item:hover .ab-submenu { -webkit-transform: translateX(100%) !important; -ms-transform: translateX(100%) !important; transform: translateX(100%) !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:

How To: Update your iOS App

In this tutorial, you will learn how to upload your new app build and submit it to Apple for review. Create a new iOS Release App build First, follow these steps to create your new iOS Release App build:  Log into your WordPress admin. Navigate to BuddyBoss App > Build. Click Request Build. Select iOS as the Platform, and Release App as the Build Type. Click Next Step, and then review the information for the build and then click Send Build Request. Once the build completes, go to Build History. Click the button on the completed release build to Download IPA File. Save the IPA file to your computer. You will use it in the next steps. Uploading your latest build to App Store Connect Next, you will need to upload your build to App Store Connect.  If you have configured your Upload Configuration, you can quickly upload the latest version of the app directly from the BuddyBoss App dashboard. You can view our documentation about Uploading iOS Builds to App Store Connect for a more in-depth tutorial. Follow these steps to upload a build: In your WordPress admin, go to BuddyBoss App > Upload > Apple App Store. Select the iOS Release App build to upload to App Store Connect. You can only upload the following types of builds: iOS Release App builds. Builds that have not already been uploaded to App Store Connect. Builds that have a build version and build version code higher than any other build uploaded to App Store Connect. Click Upload Build. Your upload will be completed within 15 minutes. You can check the status at any time on the Upload History page in your WordPress admin. Note: You must have your Upload Configuration setup (via BuddyBoss App > Configure > iOS Settings) to upload the app build directly from your BuddyBoss App Build dashboard. Resubmit to Apple for Review Remember, the App Review process is a lot quicker for updated releases as compared to a first-time app release. To resubmit your iOS app for a review:  Log into App Store Connect. Click My Apps, and then click on your app to which you want to add the latest iOS build. In the sidebar, click the + symbol to create and submit a new app version.  This will be the version you prepared whilst completing the Apple App Store Publishing Checklist In the Distribution tab, enter the details about the new app version such as what's new in this version of your app, such as new features, improvements, and bug fixes.  Add the previews and screenshots, etc. If you wish to change any screenshots or app details, you have to do this on new app version submissions. (Optional) Review sign-in information for the review information. Click Save, then Add for Review. On the next page (App review section), click the Submit for Review button. After you submit the app, the app status changes to Waiting for Review. When the review process starts, the app status changes to In Review. RELATED ARTICLE/TUTORIAL: How To: Update your Android App

How To Update Your Email Address

On your BuddyBoss account Profile Dropdown, click on Settings.  On Edit Account page, update your Email Address, then click Save Changes. Note: It will send a confirmation email to your old email address to proceed with the changes. Don't forget to check your Spam folder. If you no longer have access to your old email address, please send a support ticket so we can assist you. Be ready with your account details as our team will need to verify some information.

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.