How to Adjust Line Height

Introduction

By default, BuddyBoss does not provide a built-in option to adjust the line height on pages. If your landing page text appears too cramped, you can use a simple CSS snippet to increase the line spacing for better readability.

Custom Workaround

Follow the steps below to adjust the line height on your landing page:

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

.home h1.entry-title { 

    line-height: 1.5em; 

}

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 line height did not change after adding the CSS. What should I do?

A: Clear your site and browser cache. If the line height still does not update, submit a ticket to the support team for assistance.

Q: Can I use a different value for line height?

A: Yes. Change 1.5em to any value that fits your design, e.g., 1.8em for more spacing.

Q: Will this affect headings other than h1?

A: No. This CSS specifically targets h1.entry-title on the homepage. Use a different selector to target other headings.

Q: Does this apply to mobile view?

A: Yes, but you may need to adjust it with media queries for optimal spacing on smaller screens.

Screenshots

Without Code:

With Code: