Documentation / Customizing the Background

Customizing the Background

Overview

The Background panel controls the overall background of the login page. You can set a solid color, upload a background image, or combine both.

Setting a Background Color

Navigate to Settings → Custom Login.
Open the Background panel in the Design tab.
Click the color picker next to Color and choose your desired background color.
The live preview updates immediately to show the new color.
Click Save all settings to apply the change.

Adding a Background Image

In the Background panel, click the image upload area to open the Media Library.
Select an existing image or upload a new one, then click Select.
The image appears in the preview. Adjust the following options as needed:

– Focal point — Drag the crosshair on the image preview to set the area that should remain visible when the image is cropped by the viewport. – Size & repeat — Choose how the image is displayed. Common options include Cover (fills the entire background, cropping if necessary), Contain (fits the full image within the viewport), and various repeat modes.

Click Save all settings to apply.

Note (Multisite — Network Admin): The Media Library is not available when configuring settings from the Network Admin dashboard. To upload a background image, deactivate the plugin network-wide and activate it on individual sites instead.

The focal point is especially useful when using a background image that may be cropped on smaller screens. Setting it to the most important area of the image ensures that area stays visible.

Removing a Background Image

To remove a previously set background image, click the remove button next to the image in the Background panel. The login page reverts to showing only the background color.

Advanced Backgrounds (PRO)

The PRO version replaces the Background panel with a Layout & background panel that adds advanced options:

Multi-column layouts — Split-screen designs with the form on the left or right
Image and video sliders — Animated background slideshows using multiple images or videos
Animated gradients — Continuously moving gradient backgrounds
CSS image filters — Apply blur, brightness, contrast, grayscale, and other effects to background images
Color overlays — Layer a semi-transparent color over background images

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.

Create a Professional, Branded Login Experience

Start with the free version today.

Download now