Login widget

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. You may also use the Dynamic Tags feature to call from the site’s metadata or custom field
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
   1. Username Label: If Custom is selected, enter a text value or use dynamic tags in the field
   2. Password Label: If Custom is selected, enter a text value or use dynamic tags in the field

---

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

Hover mode lets you set a transition duration. This is the length of time it takes for the button to change its appearance.

---

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

---

Logged in Message

If Logged in Message is toggled off, style controls for these messages will not appear.

1. Text Color: Choose the color of the logged in message
2. Typography: Set the typography options for the logged in message

Advanced

Set the Advanced options that are applicable to this widget

---

Note: Use your regular WordPress login credentials with the Login Widget