Login Widget (Pro)

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


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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.