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.