Login Widget (Pro)

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

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email

Did this answer your question?

255 people find it useful

Yes

No

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before