Customize Your WordPress Login Page

AIO Login provides you with a spectacular feature that allows you to customize your WordPress admin login page to better suit the character of your site.

To access this amazing feature:

• Hover over to AIO Login Dashboard

• Click on Configure button on Custom Login URL module on AIO Login dashboard & it’ll redirect you to Customize tab.

OR

• Click on the Customize Tab.

Customize Tab has following sub-tabs:

• Templates
• Logo
• Background
• Custom CSS

Templates

Template tab has some ready to use templates that could be applied on your WordPress admin login page. Currently we have a good collection of templates and by each update new templates gets added on hence increasing the variety of options to choose from.

To apply any template that pleases you, Simply:

• Click on the template you like.

• Click on the save changes button.

(gif of moving arrow over button and clicking it)

• Selected template gets applied to your WordPress admin login page.

Logo

Logo tab offers customization options for your WordPress logo displaying on your WP admin login page.Utilizing this feature users are able to change logo image, height, width and redirect URL. 

To change logo image and dimensions:

• Click on Upload logo button on logo image

• Choose the desired Logo image from the Media library or Upload new image and click on Choose picture button.

• Adjust Logos  Width.

• Adjust Logos  Height.

• Adjust Logos  Margin Bottom.

•  Once you have chosen the desired logo & adjusted size, Click on the save changes button.

(gif of moving arrow over button and clicking it)

• Selected Logo image gets applied to your WordPress admin login page.

Background

The background of your WordPress admin login page could also be customized to reflect the character of your site.

To change the background image & color:

• Click on the Upload Background button.

• Choose the desired Background image from the Media library or Upload new image and click on Choose Picture button.

• Click on Select Color.

• Choose Color from the available color palette.

• Once you are satisfied with your selection, Click on the save changes button.

(gif of moving arrow over button and clicking it)

• Selected Background image & color gets applied to your WordPress admin login page.

Custom CSS

The customization feature could further be diversified by user through adding custom CSS code.

To add Custom CSS:

• Enter your customized code in the empty field.

Make sure not to add <style></style> tag into the field.

• Desired code once added, Click on the save changes button.

(gif of moving arrow over button and clicking it)

• Entered CSS code gets applied to your WordPress admin login page.