1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Change the LearnDash Quiz Icon

How to Change the LearnDash Quiz Icon

Introduction

The LearnDash Quiz Icon in BuddyBoss cannot be changed using built-in settings. If you want to customize how the quiz icon appears in LearnDash course lists, you can do this by adding custom CSS through the WordPress Customizer. This approach allows you to replace the default icon using a different Unicode value from the BuddyBoss icon set.

Custom Workaround

  1. In your WordPress Dashboard, go to Appearance > Customize.
  2. Once the Customizer loads, click Additional CSS.
  3. Paste the following CSS into the field provided:
.learndash-wrapper .ld-item-list-item-quiz .ld-item-name .ld-item-title:before,

.bb-icon-question:before {

  content: '\ef01';

}
  1. Click Publish to save your changes and review the updated LearnDash Quiz icon.

You can change the icon by replacing the Unicode value (\ef01) with another icon code from the BuddyBoss font library. Refer to the BuddyBoss Font Cheatsheet to find available icons.

Note: Any custom code is considered custom work. Please review our Support Policy for more details.

Troubleshooting and FAQs

Q: The quiz icon did not change. What should I check

A:

  • Clear your site cache, caching plugin, or CDN cache.
  • Make sure the CSS was pasted exactly as shown, including the Unicode value.
  • Confirm that the changes were published in the Customizer.

Q: Can I use a different icon style

A: Yes. You can replace the Unicode value with any supported icon from the BuddyBoss font cheatsheet.

Q: Will this affect other LearnDash icons

A: No. This CSS specifically targets the LearnDash quiz icon only.

Q: Who can I contact for further assistance

A: You can 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.