Customizing your Website Login Page

After activating Phlox and Auxin Elements plugin on your website, you are able to customize the admin login page via the customizer. Include a login message and adding a logo above the message. Additionally, you can add a background for this page.

After installing the plugin, follow the below steps to personalize your login page:

  1. Go to your WordPress Admin Panel
  2. Click Appearance on the Dashboard
  3. Then click Customize
  4. Navigate Extras > Login Page

If you want to see the changes you have made, you can click on the Preview login page at the top of the customizer.

Video Tutorial


Login Skin

You are able to choose one of the existing skins and make changes to it.

 
default-icon default-preview
clean-white-icon clean-white-preview
simple-gray-icon simple-gray-preview
simple-white-icon simple-white-preview

login-messageLogin Message

Here you can write a text and it will appear under the logo.

Login Page Logo

Add a logo image to replace WordPress default logo.

 

backgroundLogin Page Background

To add and customize a background for the login page, enable background. It allows you to choose a color for the background, or add an image and specify its size. You can select a pattern for the background. Some of the patterns will be placed over the background image, too. You are able to change the repetition of the background. Also, the image alignment is changeable. The background image can be either scrollable or fixed.

background2

Custom Class Name

In addition to the previous customization options, in this section, you are able to add a custom CSS class name to the login page and add your own custom style to the page.

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

Still need help? Contact Us Contact Us