Documentation / Custom CSS
Custom CSS
Overview
The Custom CSS panel lets you add your own CSS rules to the login page. This is useful for fine-tuning the design beyond what the visual settings panels offer, or for targeting specific elements that do not have dedicated settings.
Adding Custom CSS
- Navigate to Settings → Custom Login.
- Open the Custom CSS panel in the Design tab.
- Enter your CSS rules in the code editor.
- The live preview updates immediately to reflect your CSS changes.
- Click Save all settings to apply.
Tips
- Custom CSS is added after the plugin’s generated styles, so your rules take precedence over the plugin’s default styling.
- Use your browser’s developer tools (right-click an element on the login page and select Inspect) to identify the CSS selectors you need to target.
- Test your changes in the live preview before saving. The preview shows exactly how your CSS will appear on the real login page.
When to Use Custom CSS
The visual settings panels cover the most common customization needs. Use custom CSS when you need to:
- Target a specific element that does not have a dedicated settings panel.
- Apply complex CSS properties like transitions, animations, or advanced selectors.
- Override styles from other plugins or themes that affect the login page.
Limitations
- Custom CSS applies only to the login page (
wp-login.php). It does not affect the rest of your WordPress admin or front end. - The CSS is validated and sanitized before being saved to prevent malformed rules from breaking the login page.
FAQ
Find Answers to Common Questions
Browse these frequently asked questions to get quick answers about our plugin, features, and support.
Will This Plugin Work on My WordPress Website?
This plugin does not depend on any third-party libraries, plugins, or themes. It will work seamlessly on any WordPress website.
Does the Plugin Support My Language?
This plugin is translation-ready, enabling you to easily translate its content into your preferred language using any translation tool or plugin. By default, the plugin is provided in English.
What Are the Technical Requirements for This Plugin?
This plugin requires WordPress version 6.6 or later and PHP version 7.4 or later. It doesn’t require additional libraries or special hosting configurations.
The plugin has been tested up to WordPress 6.9 and PHP 8.3.
What Is Your Refund Policy?
We offer a risk-free, 30-day money-back guarantee. If you’re not satisfied with the plugin for any reason, you can request a full refund within 30 days of your purchase – no questions asked.
Is This Plugin Actively Maintained?
Yes! This plugin is actively maintained and regularly tested for compatibility with the latest versions of WordPress and PHP. For detailed information about updates, please refer to the changelog.
What Happens If I Don’t Renew My License?
You can continue to use the plugin even if your license expires; however, you will no longer receive plugin updates, new features, or access to support. Your license renews automatically each year unless canceled via the Customer Portal.
What Is the Difference Between the Free and PRO Versions?
The free version gives you full control over the login page’s visual design — custom logo, background color and image, form container styling, label and input field customization, primary and secondary button design, checkbox styling, notice and error message colors, under-form link styling, social media icons, custom footer, privacy policy link, language switcher controls, per-language text, and a custom CSS editor. You also get functionality options like disabling autofocus, the error shake animation, and browser autocomplete. Everything is configured from a visual settings page with a live preview.
The PRO version adds 20+ pre-designed templates you can apply in one click, advanced background options (multi-column split-screen layouts, image and video sliders, animated gradients, CSS image filters and color overlays), post-login redirect rules with per-role and per-user targeting, the ability to replace wp-login.php with a custom login URL, and priority support with automatic updates. See the pricing page for details.