In this documentation, we will show you how to customize the User Login widget presented by the Element Pack Pro add-on.
Insert User Login Widget
Open your page in Elementor editor, search by the User Login widget name, then drag and drop it.
The Default view of User Login
The User Login Displays the Input Form, Checkbox, Button, and Links.
Content Tab Customization
Forms Layout Section
Go to Content > Forms Layout
Find the Skin, Labels > Label, Fields > Input Size, Submit Button > Text, Size, and Alignment options.
Additional Options Section
Go to Content > Additional Options
Find the Redirect After Log Out, Lost Password Link, Custom Lost Password URL, Register Link, Custom Register URL, and Remember Me Checkbox options.
Then Find the Redirect After Login, Logged In Content, Welcome Message, Show Facebook Login, Show Google Login, reCAPTCHA Enable, and Custom Text options.
Style Tab Customization
Form Style Section
Go to Style > Form Style
Find the Rows Gap, Checkbox Color, Checkbox Active Color, LINKS > Color, Hover Color, and Typography options.
Form Label Section
Go to Style > Form Label
Find the Spacing, Text Color, and Typography options.
Form Fields Section
Go to Style > Form Fields
Find the Text Color, Placeholder Color, Background Color, Border Type, Border Radius, Padding, Typograph, and Box Shadow options in Normal Mode.
Then Find the Text Color, Placeholder Color, and Background Color options.
Form Submit Button Section
Go to Style > Form Submit Button
Find the Text Color, Background Color, Border Type, Border Radius, Padding, Margin, Typography, and Box Shadow options in Normal Mode.
Then find the Text Color, Background Color, Box Shadow, and Animation options.
Video Assist
Watch the User Login video tutorial here. Please visit the demo page for examples.
Thanks for being with us.
