How to Adjust the Footer Padding

Introduction

By default, BuddyBoss does not provide a built-in option to adjust the footer padding. Using a simple CSS snippet, you can add more spacing to the top and bottom of the footer to better match your site’s layout or design preferences.

Custom Workaround

Follow the steps below to adjust the footer padding:

1. Go to BuddyBoss > Theme Options.
2. Under Custom Codes, enable CSS.
3. Append the following:

#page .footer-bottom { 

    padding-top: 12px; 

    padding-bottom: 50px; 

}

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The footer padding did not change after adding the CSS. What should I do?

A: Clear your site cache and browser cache. If the issue persists, submit a ticket to the support team for assistance.

Q: Can I use different padding values?

A: Yes. You can adjust the padding-top and padding-bottom values to any size that fits your design.

Q: Will this affect the entire footer or just the bottom section?

A: This CSS targets only the .footer-bottom section, not the entire footer area.

Q: Does this apply to mobile and tablet views?

A: Yes. The padding will apply to all screen sizes unless you add media queries to target specific devices.