1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Change Quiz Icon Under the “Course Includes” Section on the Lesson Page

How to Change Quiz Icon Under the “Course Includes” Section on the Lesson Page

Introduction

The platform does not provide a built-in option to change the Quiz icon shown under the Course Includes section on the Lesson page. However, you can update this icon by applying a custom CSS snippet that replaces the existing icon with another one from the icon font set.

Custom Workaround

Follow the steps below to change the Quiz icon:

  1. Go to Theme Options
  2. Under Custom Codes, enable CSS
  3. Append the following code:
i.bb-icon-rl.bb-icon-question:before {

    content: 'eeb2';

}
  1. Save your changes.

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

Troubleshooting and FAQs

Q: The icon did not change after adding the CSS.

A: Clear your browser cache, site cache, and any CDN cache, then refresh the Lesson page.

Q: Can I use a different icon instead of eeb2?


A: Yes. You can replace eeb2 with another icon code from the Font Cheatsheet.

Q: Will this affect other Quiz icons on the site?


A: Yes. This CSS targets the Quiz icon globally under the Course Includes section.

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.