WP Login

This setting helps you manage your login screen. To access these settings, navigate to the Appearance > Customizer > WP Login. It has the following options:

Once you click the WP Login tab, You’ll see further two options:

  • Logo
  • Register

LOGO

These options let you customize the logo section of the login screen.

  • Customize Your Logo section: enable this option to customize the logo section.
  • Disable logo: Enable this option to disable the logo on the login screen.
  • Custom logo: Upload the logo of your choice.
  • Logo Width: Set the logo width.
  • Logo Height: Set the logo height.
  • Logo Title: Set the logo title.
  • Logo spacing: Set the log spacing from the bottom.
  • Logo URL: Set the logo URL.

 

If you have enabled the Customize Your Logo section option, You’ll get some further options like:

  • Theme

Themes

This setting lets you choose the theme for your login screen. We have provided 4 different themes.

If you have enabled the Choose Theme option, You’ll get some further options like:

  • Background
  • Customize Login Form
  • Customize Forget Form
  • Customize Button

Customize Login Form

These options are helpful to customize the login form.

To access these options, Navigate to Appearance > Customizer /. WP Login > Customize Login form.

Customize Forget Form

These options are given to customize the forgot password form.

To access these options, Navigate to Appearance > Customizer /. WP Login > Customize Forget form.

Customize Button

These options are given to customize the Login button.

To access these options, Navigate to Appearance > Customizer /. WP Login > Customize Button.

 

Register

  • Toggle split View: To enable split view for the register page, configure the layout to display two panes side by side, enhancing user interaction and experience.
  • Background image: You can set the custom background image here.
  • Custom Heading: You can set a custom title to display on register page.
  • Custom Text: You can set a custom text to display on register page.
  • Overlay Opacity: Adjust the overlay opacity by specifying a value between 0% and 100% to control the transparency level of the overlay on the interface.
  • Custom color: Set the custom color for the text.
Update on November 22, 2023