The Login Widget makes it easy to create a custom login page, instead of the default WordPress login page.
How to add a login page to WordPress
Create a New Page, and add the Login Widget
Form fields
1. Label: Show or Hide the form Label
2. Input size: Choose the Form Fields input size.
Button
1. Text: Type the button’s text
2. Size: Choose the size of the button
3. Alignment: Set the button’s alignment
Additional options
1. Redirect After Login: Set to ON or OFF.
2. Lost Your Password: Choose whether or not to display the “Lost Your Password” link
3. Remember me: Choose whether or not to display the “Remember Me” checkbox
4. Logged in message: Choose whether or not to display the a Logged In user a message
5. Custom label: Change the default form label and placeholder text
Style
Form
1. Rows Gap: Set the exact gap between each row
2. Links Color: Choose the color of the links
3. Links Hover Color: Choose the color of the links when hovered over
Label
1. Spacing: Set the exact gap between the label and its corresponding field
2. Text Color: Choose the color of the label text
3. Typography: Set the typography options for the label text
Fields
1. Text Color: Choose the color of the text within the fields
2. Typography: Set the typography options for the text within the fields
3. Background Color: Choose the background color of the fields
4. Border Color: Choose the border color of the fields
5. Border Width: Set the thickness of the border around the fields
6. Border Radius: Set the border radius to control corner roundness of the fields
Button
Normal | Hover
The following options can be set independently for both the normal and hover states.
1. Text Color: Choose the color of the button's text
2. Typography: Set the typography options for the button's text
3. Background Color: Choose the background color of the button
1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
2. Border Radius: Set the border radius to control corner roundness of the button
3. Text Padding: Set the amount of padding around each side of the text in the button
Advanced
Set the Advanced options that are applicable to this widget