Description
LoginStylo is a focused, lightweight tool for branding the native WordPress login screen without replacing WordPress authentication or adding a front-end login system.
Customize:
- Login logo, size, destination URL, and accessible text.
- Background color or image.
- Full-page, split-column, or right-side-panel structure.
- Three genuinely different form-style presets: Modern Card, Underline Minimal, and Glass Panel.
- Three fully designed one-click templates: Aurora Card, Editorial Split, and Focus Panel.
- Form, button, text, and link colors.
- Form width and field corner radius.
- Local font family, font weight, and separate text sizes.
- A clean, unboxed welcome heading.
- Custom labels for username, password, remember-me, login, registration, and password recovery.
- Visibility controls for logo, remember-me, registration, password recovery, back-to-site, language selector, and privacy link.
The split layout keeps the native WordPress form in one column and displays the selected background image in the other. The image can be placed on the left or right. Focus Panel uses the image across the page and places login inside a dedicated panel on the right. Both structures adapt automatically on small screens.
Optional Google reCAPTCHA v3 protection can be enabled separately for:
- The native WordPress login form.
- The native registration form.
- The native lost-password form.
If Elementor Pro already has a complete reCAPTCHA v3 configuration, an administrator can explicitly import its site key, secret key, and score threshold with one click. The values are copied once, so login protection does not depend on Elementor at runtime.
The plugin validates reCAPTCHA responses on the server, including the score, expected action, and hostname. It does not store reCAPTCHA tokens or verification responses.
What this plugin does not do
LoginStylo does not replace the WordPress login system, move the login URL, provide two-factor authentication, limit login attempts, or protect custom login forms. CAPTCHA protection applies only to the selected native forms rendered by wp-login.php.
Authentication through XML-RPC, REST API application passwords, or forms supplied by other plugins does not pass through these native form checks.
Compatibility
LoginStylo has been tested with WordPress 7.1.4, PHP 8.3.36 (64-bit), Elementor 4.3.5, and Elementor Pro 4.3.2.
External services
This plugin can connect to Google reCAPTCHA, a service provided by Google LLC, only when a site administrator explicitly enables reCAPTCHA and supplies valid site and secret keys.
When reCAPTCHA is enabled for a selected native WordPress form:
- The browser loads the reCAPTCHA script from
https://www.google.com/recaptcha/api.js. - The visitor’s browser communicates with Google to generate a short-lived verification token.
- On form submission, the plugin sends that token and the configured secret key to
https://www.google.com/recaptcha/api/siteverify. - The site key is exposed in the browser as required by reCAPTCHA. The secret key is stored in the WordPress options table and used only for server-side verification.
- The plugin does not save the token, score, or verification response.
Google may process visitor information, including IP address and browser data, under its own terms and privacy policy. Review these documents before enabling the service and update your site’s privacy information where required.
- Google reCAPTCHA: https://www.google.com/recaptcha/
- Google Terms: https://policies.google.com/terms
- Google Privacy Policy: https://policies.google.com/privacy
When reCAPTCHA is disabled, the plugin does not load Google reCAPTCHA scripts and does not send verification requests to Google.
Languages
English is the plugin’s source language. Community translations, including Italian, are managed and distributed through translate.wordpress.org.
Screenshots
Installation
- Upload the
loginstylofolder to/wp-content/plugins/, or install the ZIP from Plugins > Add New Plugin. - Activate LoginStylo.
- Open Settings > LoginStylo and use the four tabs to move between layout, typography, text, and reCAPTCHA settings.
- Choose a full-page background, split image-and-form layout, or right-side panel. For the split layout, select the image side and column width.
- Configure the logo, colors, form, typography, labels, and visibility options, then save.
- If you want reCAPTCHA v3, create keys for the site domain, enter them in the settings, and select the forms to protect.
- Open the login preview and test login in a private browser window before signing out of your administrator session.
FAQ
-
Does it replace the WordPress login form?
-
No. It styles and optionally protects the native WordPress login, registration, and lost-password screens.
-
How do I place the image on the right and the form on the left?
-
Open Settings > LoginStylo, choose Split image and form under Page layout, then select Right — form on the left under Image column. You can set the image column width from 30% to 70%.
-
What happens to the split layout on phones?
-
On screens up to 782 pixels wide, the image automatically moves above the form so the login fields remain readable and usable.
-
Which form styles are included?
-
Modern Card adds a refined card and soft depth. Underline Minimal removes the surrounding card and uses borderless fields with only a bottom line. Glass Panel uses a translucent, blurred panel. Each preset also coordinates the language switcher, while colors, dimensions, typography, and button settings remain configurable.
-
What is the difference between a ready-made layout and a form style?
-
A ready-made layout applies several settings together, including page structure, form style, width, logo size, radius, and button width. A form style changes only the visual treatment of the form. Every applied value can still be adjusted before saving.
-
Does it protect WooCommerce or other custom login forms?
-
No. The first release intentionally supports only native WordPress forms rendered through
wp-login.php. -
What happens if Google cannot be reached?
-
By default, the plugin allows a request when the server-side verification endpoint is temporarily unreachable. Invalid tokens and low scores are still rejected. Administrators can choose a fail-closed policy in the settings.
-
How can I regain access after a reCAPTCHA configuration error?
-
Add the following line to
wp-config.php, then reload the login page:define( 'LOGINSTYLO_DISABLE_RECAPTCHA', true );Remove the line after correcting the settings. Alternatively, rename the plugin folder through your hosting panel or FTP to deactivate it.
-
Can I use it together with another CAPTCHA plugin?
-
Do not enable two CAPTCHA systems on the same native login form. Other security features such as firewall, two-factor authentication, or login-attempt limiting may remain active, but test the combination before using it on a production site.
-
Can it reuse the reCAPTCHA v3 configuration from Elementor Pro?
-
Yes. When the plugin finds a complete Elementor Pro reCAPTCHA v3 configuration, the settings page offers an explicit Import from Elementor button. It copies the site key, secret key, and threshold into LoginStylo. The two plugins then use the same Google configuration but validate their own forms independently.
This is a one-time compatibility import rather than continuous synchronization because Elementor does not provide a documented public API for these settings. If the keys are changed later in Elementor, run the import again or update them manually.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“LoginStylo – Login Screen Customizer” is open source software. The following people have contributed to this plugin.
Contributors
Translate “LoginStylo – Login Screen Customizer” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.14
- Initial public release.
- Added Aurora Card, Editorial Split, and Focus Panel ready-made templates.
- Added Modern Card, Underline Minimal, and Glass Panel configurable form styles.
- Added logo, imagery, colors, dimensions, typography, labels, and visibility controls.
- Added responsive full-page, split-screen, and side-panel structures.
- Added optional Google reCAPTCHA v3 protection for native login, registration, and lost-password forms.
- Added one-time reCAPTCHA settings import from Elementor Pro.