Login Designer Pro for WordPress Login Page Customization

Login Designer Pro is the paid edition of Login Designer for customizing a WordPress login page. Its visual editor shows a live preview and displays settings for the element you choose, so you can review adjustments before publishing. Pro includes the available Login Designer customization functions, along with additional animation, typography choices, and login URL options.

Choose a template and shape the layout

Start with a predefined template and add a logo above the login form. Set the logo URL, width, height, and position. Template backgrounds can use an image or a color. For image backgrounds, select left, center, or right positioning, tile repetition, and auto-adjust, cover, or contain sizing.

You can upload multiple pictures for the form background and apply fade-in, slide-right, or slide-left animation. Controls set the animation speed and duration.

Style the form and its text

Adjust the form wrapper’s background color, radius, shadow, shadow opacity, horizontal and vertical padding, transparency, and width. Change labels such as Username and Password, including their font, size, spacing, and color. Input fields can also be customized as part of the form’s display.

Set the messages shown when the password field is empty or when a username or password is invalid. Other controls set the badge’s text color, logo color and position, and the font, size, color, and position of entries such as Lost Your Password and Back to. You can enable or disable these below-form elements.

Pro settings

• Choose an initial-load animation for the form, an animation for the logo, and an animation for form submission.
• Add Google Fonts for labels and fields.
• Rename the login page in the URL.
• Use Google reCAPTCHA V2 or V3 on the login form.
• Import or export Login Designer settings.

Published designs are responsive and compatible with web browsers and mobile devices.

Install and edit

Install Login Designer Pro in the WordPress administration area. Open the editor from the Dashboard through Appearance > Login Designer, or open the Login Designer section in the Customizer. Choose a template, select an element to see its settings, and make adjustments while reviewing the live preview. Configure the Pro options and publish when the design is ready.