Login Element

The Login element will prove to be a useful tool for creating advanced custom login pages instead of the default WordPress login pages. To start creating your custom login page create a new page ad drag in the login element. 

Content Tab

Form Fields

1. Label - Choose to either show or hide the label 
2. Input Size - Decide on the size of the login's input from Extra Small to Extra Large 

Button

1. Text - Type in the button's text 
2. Size -  Choose the size of the button 
3. Alignment - Set the alignment of the button either Left, Center, Right, or Justified 

Additional Options

1. Redirect After Login - Choose to have your users redirected after they log in and type in the page where you want them redirected.
2. Lost your password? - Choose to leave the lost password option open by switching the handle on. 
3. Remember Me - Choose to either show or hide the "remember me" option. 
4. Logged in Message - Choose to either show or hide the logged in message 
5. Custom Label - Change the custom placeholder labels. 

Style Tab 

Form 

1. Rows Gap - Set the gap between the rows 
2. Links Color - Set the color for the links 
3. Links Hover Color - Set the color for the links when they are being hovered \

Label

1. Spacing - Set the spacing between the labels 
2. Text Color - Set the text color for the labels 
3. Typography - Tweak the typography options for the labels 

Fields

1. Text Color - Select the text color for the content in the form fields 
2. Typography - Tweak the typography options for the content in the form fields
3. Background Color - Set the background color for the fields 
4. Border Color - Set the border color for the fields

5. Border Width -  Set the border width for the border of the fields

6. Border Radius - Set the border radius for the border of the fields 

Button

1. Text Color - Set the color of the button's text 
2. Typography - Tweak the typography options for the button's text 
3. Background Color - Set the background color for the button

4. Border Type - Choose a border for the button either Solid, Double, Dotted, Dashed, or Groove. 

5. Border Radius - Set a border-radius for the button 

6. Text Padding - Seet the exact value of padding around each side of the button's text 

Logged in Message

1. Text Color - Set the text color for the logged-in message 
2. Typography - Tweak the typography options for the logged-in message 

Set the settings for the Advanced Tab that is appropriate for the element.