Documentation / Customizing Buttons
Customizing Buttons
Primary Button
The Primary Button panel controls the main action button on the login form — typically the Log In, Register, or Get New Password button.
Accessing Primary Button Settings
- Navigate to Settings → Custom Login.
- Open the Login form button (primary) panel in the Design tab.
Colors
The primary button has three visual states, each with independent color settings:
- Normal — Background color, text color, and border color in the default state.
- Hover — Colors when the user hovers the cursor over the button.
- Focus — Colors when the button has keyboard focus.
Typography
- Font family — Choose from available theme fonts.
- Font size — Set the button text size (default:
13px). - Font weight — Control text boldness.
- Letter case — Transform text to uppercase, lowercase, capitalize, or none.
- Line height — Adjust the vertical spacing of text within the button.
Width and Alignment
- Width — Choose between Fit content (button width matches its text) or 100% (button spans the full width of the form).
- Alignment — Position the button: default (inline with the Remember Me checkbox), or on a new line aligned left, center, or right.
Border and Shadow
Configure the border width, style, color, and radius for each side of the button across normal, hover, and focus states. Box shadow values are also available for each state.
Button Labels
Customize the text displayed on the button for each login page screen. Labels support per-language text:
- Log In — The label on the main login screen.
- Register — The label on the registration screen.
- Get New Password — The label on the password reset screen.
- Save Password — The label on the password save screen.
Secondary Button
The Secondary Button panel controls buttons that appear alongside the primary button, such as the Generate Password and Change buttons on the password reset screen.
Accessing Secondary Button Settings
Open the Login form button (secondary) panel in the Design tab.
The secondary button offers the same customization options as the primary button: colors for normal/hover/focus states, typography, width and alignment, border, shadow, and per-language labels. The secondary button labels include:
- Generate Password
- Change
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.