Christophe Roux

Generate the style sheet for Calumma
<h3>Credits</h3>

Calumma Custom

binarymoon

Bartosz Gadomski

Teydea Studio

WP Custom Login lets you fully customize the WordPress login page to match your brand identity.
Whether you run a single site or a multisite network, this plugin gives you control over every visual element of the login screen — from the logo and background to form fields, buttons, links, and more.
Key benefits:
<ul>
<li>Adjust colors, fonts, spacing, and layout of every login page element without writing CSS.</li>
<li>Add your logo, social media links, and custom footer to create a branded login experience.</li>
<li>Support for multilingual sites with per-language text customization for labels, buttons, and notices.</li>
<li>Works with WordPress multisite networks for consistent branding across all sites.</li>
</ul>
WP Custom Login is a good fit for freelancers, agencies, and organizations that want a professional, branded login page. It includes a live preview in the admin settings, so you can see your changes before they go live.
Learn more at <a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">wpcustomlogin.com</a>.
<h3>Features</h3>
<h4>Free Features</h4>
<ul>
<li>Body background color — Set a custom background color for the login page.</li>
<li>Custom logo — Replace the WordPress logo with your site icon or a custom image, and configure its link URL and alignment.</li>
<li>Form container styling — Customize the form background color, border radius, padding, box shadow, and alignment.</li>
<li>Label styling — Adjust font size, weight, letter case, spacing, text color, and toggle label visibility.</li>
<li>Input field styling — Set background colors, borders, padding, font, shadow, and placeholder text for normal, hover, and focus states.</li>
<li>Checkbox styling — Apply custom colors to the login form checkboxes and checkmark icon.</li>
<li>Primary button styling — Customize colors, font, size, width, alignment, shadow, and per-language button labels.</li>
<li>Secondary button styling — Configure colors, font, border, and per-language labels for secondary buttons.</li>
<li>Notice and error styling — Set colors for error, notice, and success messages, and add a custom persistent notice with per-language text.</li>
<li>Under-form links — Customize link colors, separator, disable the “Back to” link, or add custom links.</li>
<li>Social media icons — Display up to 23 social media icon links (Facebook, X, Instagram, LinkedIn, YouTube, GitHub, and more), placed before the form, after the form, or in the footer.</li>
<li>Privacy policy link — Show or hide the privacy policy link and set its color.</li>
<li>Language switcher — Show or hide the WordPress language switcher and adjust its icon color and spacing.</li>
<li>Custom footer — Add a footer with configurable text, font, color, and alignment.</li>
<li>Custom CSS — Add your own CSS for additional styling.</li>
<li>Live preview — See your changes in real time within the admin settings page.</li>
<li>Disable autofocus — Turn off the default autofocus behavior on the login form.</li>
<li>Disable error shake — Turn off the shake animation on failed login attempts.</li>
<li>Disable autocomplete — Prevent browsers from auto-filling the login form.</li>
<li>Per-language text — Customize labels, placeholders, button text, and notices for each language on multilingual sites.</li>
<li>“Remember Me” customization — Show or hide the “Remember Me” checkbox and set custom label text per language.</li>
</ul>
<h4>PRO Features</h4>
<ul>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Pre-designed templates</a> — Choose from 20+ ready-made login page designs and apply them with one click.</li>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Advanced backgrounds</a> — Use animated gradients, image slideshows, or split-screen layouts as your login page background.</li>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Post-login redirects</a> — Redirect users to specific pages after login based on their roles.</li>
<li><a href="https://wpcustomlogin.com/?utm_source=WP+Custom+Login" rel="nofollow ugc">Premium support</a> — Get direct support from the development team.</li>
</ul>

WP Custom Login

Not too much, not to little, just right.  Allows for custom logo, font and button, and a little extra CSS if needed.  Based on the size of your logo you will need to adjust the background position and/or margins of the #login but with a few tweaks it looks great.  

goldilocks

Customize the WordPress login screen with your own colors, logo, backgrounds, and form styles.

Calumma Custom vs WP Custom Login