The login & registration modal settings apply to the popup modal that appears when a visitor goes to either log in to your site, or register for free, to gain access to a course.
You must enable this setting in LearnDash in order to use it, and take advantage of our design options.
To enable it…
This popup modal is mainly used for logged out visitors, and those who don’t yet have access to a course. As an administrator, you are already logged in, and by default, you have access to all courses. There are a few ways you can preview what this modal looks like.
The easiest way to see this modal in action is to use a private browsing window, or a different browser, that you are not logged into your site with. This will allow you to experience your site as if you were a visitor. You can then go through the process of logging in via the modal.
Another option is to disable the course auto-enrollment option for administrators. This setting is found on the LearnDash LMS > Settings page, on the General tab.
Now let’s go through all of the settings. Here’s a quick visual overview:
By default, LearnDash does not add an overlay color to the window surrounding the modal. Our plugin adds this overlay, and allows you to modify the color & opacity. Both of these options are experimental but should work on most modern browsers.
70%. The lower the number, the more see-through the color.
These 3 styles apply to the actual popup that appears in the center of the screen. The popup contains the login information & form, and if you have registration enabled, an additional registration panel.
1or higher. No border is applied by default.
#ffffffwhen the register panel is enabled.
The entire popup container will inherit the Global Border Radius from the General Design panel.
The login panel refers to the entire area that contains all of the login information inside of the popup. This includes the “Login” title at the top, the username & password fields, the “Log In” button, “Lost Your Password?” link and logo at the bottom, if you’ve uploaded one.
If you are not allowing free registration, this is the only panel that will be visible. If you’ve enabled free registration, see the next section for “Register Panel” styles.
There are 7 options to customize for the login panel (reference the image above for a visual):
The “Log In” button will use the login background & text colors. We invert the colors so the text becomes the button background & the overall background becomes the button text.
The register panel refers to the side of the popup where users can register for a free account. When enabled, this is displayed next to the login panel. Register panel not showing? See this help article →
Many of the same options available for the login panel are also available for the register panel. See “Login Panel” above for a description of features.
In addition, you can hide two pieces of text that normally appear on the “Register” panel:
The “Register An Account” & “Register” buttons will use the register background & text colors. We invert the colors so the text becomes the button background & the overall background becomes the button text.
If you have any questions, feedback or suggestions about this lesson, please let us know in the box below.