Err – Custom Login Page allows you to easily customize the appearance of your WordPress login page. Impress your clients or brand your website right from the login screen.
With this plugin, you can:
<ul>
<li>Customize the Login Logo:
<ul>
<li>Upload your own logo.</li>
<li>Set a custom URL for the logo link (defaults to your site’s homepage).</li>
<li>Define a specific height for your logo.</li>
<li>The width is automatically calculated based on the height, which helps prevent image distortion, maintain the correct aspect ratio, and ensure the link area is not exceeded.</li>
</ul>
</li>
<li>Format Login Page Content:
<ul>
<li>Set a custom background image for the entire page.</li>
<li>Choose a fallback background color if not using an image.</li>
</ul>
</li>
<li>Customize the Login Form:
<ul>
<li>Change the form’s background color and adjust its opacity.</li>
<li>Set a custom border width, color (with opacity), and border radius for the form.</li>
<li>Modify the text color for labels and input fields.</li>
<li>Customize link colors (normal and hover states).</li>
</ul>
</li>
<li>Format Login Button:
<ul>
<li>Change the background color and text color for the login button (normal and hover states).</li>
</ul>
</li>
<li>Hide Elements:
<ul>
<li>Option to hide the “Privacy Policy” link.</li>
<li>Option to hide the language switcher (if present).</li>
<li>Option to hide the “Back to [Site Name]” link.</li>
</ul>
</li>
<li>User-Friendly Settings Page:
<ul>
<li>Easy-to-use interface under “Settings” > “Custom Login Page”.</li>
<li>Uses the WordPress Media Uploader for image selection.</li>
<li>Includes a color picker for easy color selection.</li>
<li>AJAX-powered settings saving for a smooth experience.</li>
<li>Reset to default options available.</li>
</ul>
</li>
<li>Lightweight and Secure:
<ul>
<li>Clean code following WordPress standards.</li>
<li>Properly sanitizes all inputs and escapes outputs.</li>
</ul>
</li>
<li>Translation Ready: This plugin is ready for translation.
<ul>
<li>A <code>.pot</code> (Portable Object Template) file named <code>err-custom-login-page.pot</code> is included in the <code>languages/</code> folder. Translators can use this file to create new language packs.</li>
<li>The text domain used is <code>err-custom-login-page</code>.</li>
</ul>
</li>
</ul>
This plugin provides a simple yet powerful way to transform your standard WordPress login page into a branded and visually appealing entry point for your website.
<h3>Support</h3>
If you have any issues or suggestions, please use the plugin’s support forum on WordPress.org or contact the author via their Author URI.
<h3>Donations</h3>
If you find this plugin useful and would like to support its development, please consider making a <a href="https://ketnoi.id.vn/website/donate" rel="nofollow ugc">donation</a>. Thank you!

Err – Custom Login Page

Customize the logo, links, colors and background on the WordPress login page. Give your WordPress login page a custom and professional look.

cmborchert

This plugin for WordPress adds a background-size controller to the Background Image section in the WordPress Customizer.
You can access the new controller by going to Appearance > Customize from the Dashboard, and clicking on the Background Image section.
Once you’ve added your custom background image, you can set your background-image size to: 
 – “Cover”: As large as possible; fills entire view, with cropping. 
 – “Contain”: As large as possible, without cropping; fits inside of view. 
 – “100% width”: Width fits view perfectly, height may be smaller or larger than view (equivalent to css ‘100% auto’). 
 – “100% height”: Height fits view perfectly, width may be smaller or larger than view (equivalent to css ‘auto 100%’). 
 – “Inherit”: Sets background size to whatever parent element is set to (html, in this case). 
 – “Custom”: Allows you to put in your own css to be applied in the section called “CSS for background-size (if ‘custom’ selected).”
To learn more about the CSS background-size property, go to:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size 
or 
http://www.w3schools.com/cssref/css3_pr_background-size.asp
<h3>Notes</h3>
Notes: 
*The plugin works by adding styles to the body.custom-background class. If the default custom-background support has been disrupted, then this plugin will not work.

Add Background-Size to Customizer

Allows you to control the background-size of your main background image from the comfort of the customizer, using predetermined values or custom CSS.

Err – Custom Login Page vs Add Background-Size to Customizer