Documentation / Customizing the Form Container
Customizing the Form Container
Overview
The Login Form Container panel controls the appearance of the box that wraps the login form fields. You can adjust its background, borders, positioning, shadow, and dimensions.
Accessing the Form Container Settings
- Navigate to Settings → Custom Login.
- Open the Login Form Container panel in the Design tab.
Background and Shadow
- Background color — Set the background color of the form box. The default is white (
#ffffff). - Background image — Upload an image to use as the form container background. Adjust the focal point and size/repeat mode as needed.
- Shadow — Define a box shadow for the form container. Separate shadow values are available for the normal, hover, and focus states.
Border Styling
Each side of the form container (top, right, bottom, left) can be styled independently:
- Border width — The thickness of the border (e.g.,
1px). - Border style — Choose from solid, dashed, dotted, or none.
- Border color — The color of the border.
- Border radius — Round the corners of the form container. Set each corner independently (top-left, top-right, bottom-right, bottom-left).
Spacing
- Padding — The space between the form container border and its inner content. Adjust each side (top, right, bottom, left) independently.
- Margin — The space between the form container and surrounding elements. Adjust each side independently.
- Wrapper padding — Additional outer padding around the entire form wrapper area.
Width
Set a custom width for the form container in pixels. The default is 320 pixels. Increasing the width gives form fields and buttons more horizontal space.
Alignment
Use the Alignment matrix to position the form container on the page. Choose from 9 positions: top-left, top-center, top-right, center-left, center, center-right, bottom-left, bottom-center, and bottom-right. The default position centers the form vertically on the page.
Wrapping Options
- Wrap logo in container — Moves the logo inside the form container box, creating a unified card-style layout.
- Wrap links in container — Moves the under-form links inside the form container box.
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.