How to Configure the Custom Login Settings
The next step in the Custom Login WordPress Plugin guide is to learn how to configure the settings so you can get the best out of the plugin and create stand-out login pages for your website.
Step 1) Login to the WordPress Dashboard.
Step 2) Once the Custom Login plugin is installed, you can adjust the settings by heading to Settings on the left-hand sidebar of the Dashboard.
Step 3) This will take you to your main Settings page, but also open the dropdown which includes Custom Login. Click on this to be taken to the Options page.
Step 4) On the General Settings page, you will be asked if you would like to Activate the plugin or not, which will determine whether you get the standard sign-in page or your custom one.
The next step is to go through the HTML settings which will make up the main custom login page that your users will use. You can choose the background colour, use an image to have in the background and alter the image you use by choosing where to position it on the page (including repeating the image or using one static image). You can also alter the size of the image, which is likely to effect the image quality, especially if the image is too large.
Step 5) On the Logo settings, you can replace the standard WordPress logo with your own, or decide to have no logo shown at all when people find your login page. The same rules apply to your background image here, as you can alter size, positioning, repetition of the image and more.
Step 6) The Login Form settings allow you to change the way your main login form looks on the page, including the colours, image (if you want to include an image on the form) and the style of the login form – including whether you want a border around it and the style you would like to use for that border, e.g. box shadow, colours, etc.
Step 7) The Miscellaneous section of the Settings allows you to change the Login form Label colour and alter the navigation below the form (that includes links like ‘Back to main site’, etc.) You can change the colours of the navigation links (and the hover – for when your cursor is hovering over the link) and also allows you to make any changes to the HTML/CSS and jQuery, if you are a confident editor. You can also clear the stylesheet cache and start again at any time, which can be useful when your stylesheet is not updating.
This concludes our guide of the Custom Login plugin.