These options are for the official LearnDash Achievements add-on. You must have this plugin installed & activated to use these features. You also need to be running Design Upgrade Pro for LearnDash version 2.17 or higher.
In version 2.17, we added 11 new design options for achievements for you to customize. We’ll explain them below.
The “popup container” refers to the notification popup that appears in the top-right (top-left for RTL) corner of the screen when an achievement is earned. These styles apply to the entire popup.
2px. Enter a different value here (in pixels) to customize it.
Background color is not available in our plugin because you can already set that on your LearnDash LMS > Achievements > Settings page.
LearnDash requires you to choose an image when you create a new achievement. However, if you only want to display text, we provide the option for you to remove the image from the notification popup.
There are two design options for the popup title:
The popup title will continue to be bolded, which is the LearnDash default.
There are two design options for the popup message (if you have added one):
You can set the text color of the entire popup notification on the LearnDash LMS > Achievements > Settings page, however, this color applies to both the title & message. We provide color options for title & message separately, allowing you to use different colors for each.
These styles apply when using the My Achievements block or shortcode
40px. The height will automatically adjust to maintain the aspect ratio of your original image. LearnDash recommends uploading a square image (width = height).
If you have any questions, feedback or suggestions about this lesson, please let us know in the box below.