Here we are with a new stuff. This time we are here to present you the divi Login Module Shortcode. And if you are looking for any of the other short code which we haven’t published yet then you can also find the short code of other divi module with the help of this post https://elegantenthusiast.com/how-to-find-the-divi-modules-shortcodes/.
Here is the Login Module Shortcode :-
[et_pb_login admin_label="Login" title="User Login" current_page_redirect="off" use_background_color="on" background_color="#b135f4" background_layout="dark" text_orientation="left" use_focus_border_color="off" use_border_color="off" border_color="#ffffff" border_style="solid" custom_button="off" button_letter_spacing="0" button_use_icon="default" button_icon_placement="right" button_on_hover="on" button_letter_spacing_hover="0" header_font="on" header_font_size="22" button_text_size="29" button_border_width="5" button_font="on"]
Hello welcome to the WordPress Login Module.
page_redirect= Page Url on which you want to redirect.
text_orientation= Specifies the orientation of the text (i.e. Left, Centred, Right).
border_style= It determines the border style (i.e. solid, dotted, dashed, double, grove, ridge, inset and outset).
button_letter_spacing=Space between the letters of button.
button_use_icon= Icon used in the button.
button_icon_placement= Where to place button (i.e. top or bottom).
button_on_hover= To select the hover effect (“on” or ”off”).
button_letter_spacing_hover= Button letter spacing on hover (i.e. value=1,2,3,…..).
Login Module Shortcode will generate a design like in the image below–
Login Module in depth-
It is a module in Divi by which we can display the WordPress User Login form, anywhere on the page. You can use the short code of module at anywhere on your page. Now let’s see Login module in depth-
In General Settings-
These are all basic settings available in this section including Button Link, Title, Background Color and Text Color. You can check the Following Image for More details.
In Advanced Design Settings-
This section can be used for little heavy customization like form field background color, form field text color, focus background color, focus text color, header (Font, Font size, Text color, Letter Spacing, Line Height), Body(Font, Font size, Text color, Letter Spacing, Line Height), Use Border, Custom Margin, Custom Padding, Custom style for button. Which can also be helpful to design an amazing login form too.
If you are finding this stuff helpful then you can give us a signal and also can subscribe us for more stuff, feel free to comment below for any suggestion or query related to this post. Till then stay tuned !!
You May Also Like
- Tested on Divi 2.7.8