Customize the WordPress login page with a personalized background (image or gradient), colors, and styling options.

Plugin Envision

Section Builder with Backgrounds – Customize with Color, Gradient, Image & Parallax.

Easily customize your WordPress sections with color, gradient, or image backgrounds. Add stunning background effects and more.

Ermald Billa

<p>Custom Login Page is a WordPress plugin designed to help you fully personalize the wp-login page. This plugin allows you to add a custom background, either by choosing an image from the media library or by creating a gradient using two colors. This enables a unique login experience for site users, enhancing brand consistency and user engagement.</p>
<h3>Key Features:</h3>
<ul>
<li><strong>Custom Background Image:</strong> Choose any image from the media library as a background.</li>
<li><strong>Gradient Background Option:</strong> Create a gradient with two customizable colors.</li>
<li><strong>Colorful and Stylish Login Page:</strong> Add custom colors and styles to match your brand.</li>
<li><strong>Simple Settings Page in the WordPress Admin Panel:</strong> Easily configure background options from the WordPress Settings > General page.</li>
</ul>
<p>You can choose between an image or a gradient as a background but not both, ensuring a clean and focused appearance.</p>
<h3>Usage</h3>
<ol>
<li>
<p><strong>Choose Background Type</strong><br />
Under <code>Settings</code> > <code>Custom Login Page</code>, find the “Background Type” dropdown to select either “Image” or “Gradient.”</p>
</li>
<li>
<p><strong>Background Image Option</strong></p>
<ul>
<li>If you select “Image,” click the “Select Image” button, which will open the media library.</li>
<li>Choose or upload the image, and the URL will automatically populate the text field.</li>
</ul>
</li>
<li>
<p><strong>Gradient Background Option</strong></p>
<ul>
<li>If you select “Gradient,” use the color pickers to choose the two colors for the gradient.</li>
</ul>
</li>
<li>
<p><strong>Save Settings</strong><br />
Once all settings are selected, click “Save Changes” to apply them. Your WordPress login page will now reflect your custom styles.</p>
</li>
</ol>
<h3>Frequently Asked Questions (FAQ)</h3>
<h3>Can I use both an image and a gradient at the same time?</h3>
<p>No, you can select either a background image or a gradient, but not both. This is to ensure a clean and visually coherent design for your login page.</p>
<h3>Will this plugin affect my theme’s styles?</h3>
<p>No, the styles apply only to the wp-login.php page and won’t impact the rest of your WordPress theme.</p>
<h3>How do I revert to the default login page?</h3>
<p>Simply go to <code>Settings</code> > <code>Custom login page</code>, and set the “Background Type” to “None.” Save your changes to restore the default login page style.</p>
<h3>Credits</h3>
<p>Developed by <strong>Ermald Billa</strong>.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPL-2.0-or-later license.<br />
You can find the license here: <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GNU GPLv2 or later</a></p>


Alternatives to Custom Login Page of Your Website

Top alternatives