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 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 Radius - Set a border-radius for the button 

  5. 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. 

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