BUILD3R.io

Login Widget

Article2 min readUpdated Feb 23, 2025View source ↗
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
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.

← Back to Help Center