Create and customize login pages for your customers in minutes by using the 10Web Login premium widget.

The Content Tab

Form Fields 

Label: Show or hide the labels of the fields. 

Input Size: Set the size of the form field input.

Button

Text: Customize the login button text. 

Size: Set the button size. 

Alignment: Align(left, center, right, or justify) the button relative to the login widget box.   

Additional Options

Redirect After Login: Click the toggle on or off to redirect. If on, provide the link in the field. 

Lost Your Password: Click the toggle on to show lost your password link. 

Remember Me: Click the toggle on to show the remember me checkbox. 

Logged in Message: Click the toggle on to display the message. 

The Style Tab

Form

Row Gap: Adjust vertical spacing of form elements. 

Link Color: Customize the color of the Lost Your Password link.

Link Hover Color: Customize the color of the Lost Your Password link on hover. 

Fields

Text Color & Typography: Customize the color of the field text and all of the typographical settings. 

Background Color: Option to set background color to the text fields. 

Border Color & Border Width: Customize the color and the thickness of the field borders. 

Border Radius: Option to set the radius for rounded border edges. 

Button

Text Color & Typography: Customize the color of the button text and all of the typographical settings. 

Background Color: Customize the color of the button.

Border Type: Option to set a border for the button. 

Border Radius: Set the radius for rounded button edges.

Text Padding: Adjust padding of button text. 

Button on Hover

Text Color: Customize the color of the button text on hover. 

Background Color: Customize the color of the button on hover. 

Animation: Option to animate button on hover. 

The Advanced Tab

In the advanced tab, adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.

Next Up: Nav Menu