1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Center Align BuddyBoss Widget Titles

How to Center Align BuddyBoss Widget Titles

Introduction

BuddyBoss widget titles in the sidebar are left-aligned. A simple CSS snippet lets you center all <h2> widget titles site-wide.

Custom Workaround

  1. Go to BuddyBoss > Theme Options in your WordPress admin.
  2. Under Custom Codes, toggle on Enable CSS.

Append the following CSS:

aside.widget h2.widget-title {

  display: flex;

  justify-content: center;

}
  1. Save Changes.

Note: Any custom code is considered “custom work.” You may review our Support Policy for details.

Troubleshooting and FAQs

Q: My widget titles are still left-aligned—what did I miss?
A:

  • Verify you added the snippet under Theme Options > Custom Codes.
  • Clear any caches (page-cache, object-cache, CDN) and reload.

Q: I don’t see the Custom Codes section—can I add this elsewhere?
A: Yes—add the CSS to your child theme’s style.css or use a code-snippet plugin.

Q: Will this affect other headings on the page?
A: No. The rule targets only <h2> elements with the .widget-title class inside sidebar widgets.

Q: How do I revert this change?
A: Remove the CSS snippet from Custom Codes (or your child theme) and save; then purge caches.

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Support

To speak to our Agency consultant, fill in the form found at our Contact Page.

  • Get Started

    Enter your name and email address to get started with your project...

  • This field is for validation purposes and should be left unchanged.

Not recently active