1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Prevent Long Course Titles from Being Shortened

How to Prevent Long Course Titles from Being Shortened

Introduction

BuddyBoss may shorten long course titles by default, which can make them harder to read. You can prevent course titles from being truncated by adding a small CSS snippet to your active theme. This guide explains how to prevent long course titles from being shortened.

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:

#page .bb-course-title a {

    overflow: visible;

    text-overflow: unset;

    -webkit-line-clamp: unset;

    max-height: 100px;

    height: 100px;

}

  1. Click Save Changes

Troubleshooting and FAQs

Q: The course titles are still being cut off.
A: Clear your browser and site cache, then refresh the course page.

Q: Will this affect other text elements on the site?
A: No. This CSS only targets course titles.

Q: Can I adjust the height for very long titles?
A: Yes. Change the max-height and height values in the CSS snippet to suit your design

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

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