Welcome Badges Global Settings Layout - All Pages Post Page Layout Post Sidebar Post Media Block
Header Outline Sidebar Outline Block Inner Sidebar
Colors Fonts Buttons Comments Pagination
Lessons Section Categories Section
Mobile Icons
Categories Page Category Page Announcements Page
Encore Sections Dynamic Sections Custom Code Custom CSS

Section Level Settings
The section-level settings affect all the badges in your section.
Click an individual badge block to control only one specific badge.

Number of columns – Set how many badges appear per row.

Badge background – Select the style of the badge background/holder. After changing this option, you may want to adjust the image size.

Image Padding – Control the badge size by changing the left, right, top, and bottom spacing.

Badge Minimum Height – In some cases, it may be necessary to restrict the maximum height of the badges. In most cases, you can leave this blank.

Gap between rows – Set the space between each row.

Text Size – Control the size of the badge text.

Font Weight – Choose the font weight: Regular, Medium, or Bold.

 

Show Mini-badge – Enable or disable the mini-badge (the small medal) displayed with each badge.

Mini-badge Image – Upload any image to replace the provided medal icon.

Mini-badge Width – Control the width of the mini-badge.

Mini-badge Position – Adjust the position of the mini-badge. Example: top 10px, left 5px (10px from the top of the main badge, 5px from the left), or bottom 8px, right 25px.

Empty Badge Opacity – Control the opacity of an ungranted badge. Before a student is granted a badge (offer), the badge will appear "grayed out" with reduced opacity.

Next Lesson Button Text
When a popup appears at the end of the lesson’s video playback, the “Badge Granted” popup will replace the standard “Completion Message” popup.

Next Lesson Button Text – Set the text for the Next Lesson button within the “Badge Granted” popup.

Button Style – Control the style of the Next Lesson button.

 

Overwrite Icon Color

If this option is selected, the color of the icon/image will be overwritten with the selected color.

This feature works best with black, single-color icons. For more complex multi-color images/icons, we recommend using the free Canva tool. Learn More