1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Display Text on the Icons of the Create a Post Option

Display Text on the Icons of the Create a Post Option

Introduction

BuddyBoss does not provide a built-in option to display text labels on the icons in the Create a Post menu. You can use a CSS snippet to add descriptive text, making it clearer for users what each icon represents, such as Photo, Video, Document, or GIF.

Custom Workaround

  1. In your WordPress admin, go to BuddyBoss > Theme Options
  2. Under Custom Codes, toggle Enable CSS to On
  3. Paste the following CSS:
.post-elements-buttons-item a i:after {

    font-family: "Roboto";

    font-size: 13px;

    font-weight: bold;

    vertical-align: middle;

}

.media-support > a i:after { content: "Photo"; }

.video-support > a i:after { content: "Video"; }

.document-support > a i:after { content: "Document"; }

.post-gif i:after { content: "GIF"; }
  1. Click Save Changes

Any custom code is considered “custom work.” Please review our Support Policy for more details.

Troubleshooting and FAQs

Q: The text labels are not appearing, what should I check?

A: Clear your site cache, caching plugin, or CDN cache. Ensure the CSS was pasted exactly as shown and that Enable CSS was turned on before saving

Q: Can I change the font or text style?

A: Yes. Modify the font-family, font-size, or font-weight properties in the CSS snippet

Q: Can I display different text for each icon?

A: Yes. Update the content property for each icon class to match your preferred label

Q: Who can I contact for further assistance?

A: Submit a support ticket through your BuddyBoss account dashboard for personalized help

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 hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

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.