How to Resize the BuddyPanel Icons

Introduction

BuddyBoss displays icons in the BuddyPanel using a fixed size that may not always match your site’s design or typography. You can resize these icons by adding a small CSS rule to your theme settings, allowing the icons to scale naturally with your chosen font size. This guide explains how to resize the BuddyPanel icons.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard
   
2. Open the Custom Codes section
   
3. Enable CSS
   
4. Add the following CSS code:
   

.menu-item i._mi {

    font-size: inherit !important;

}

5. Click Save Changes
   

Note: Modifications are typically considered custom work, but we are making an exception in this case. Please review the BuddyBoss Support Policy.

Troubleshooting and FAQs

Q: The icon size did not change.
A: Adjust the font size of the menu items themselves or check for other CSS rules overriding the icons.

Q: Can I make the icons larger or smaller manually?
A: Yes, replace inherit with a specific value such as 16px, 18px, or 1.2em.

Q: Will this affect other icons on the site?
A: No, this rule only targets icons inside BuddyPanel menu items.