Documentation

PowerPack – Login Customizer

Introduction

A quick, easy way to customize WordPress login screen. The Login Customizer allows you to customize the login screen the way you want.

Features:

Here you will find the main features which are included in ‘Login Customizer’ Settings.

  • User friendly plugin setting
  • Replace WP logo with custom logo and link
  • Fully Responsive
  • 100% Multi language
  • Font & Background color option
  • 10 predefined design (Coming Soon)
  • Front end login form shortcode (Coming Soon)
  • Recaptcha Integration (Coming Soon)

Installation

Installation of Login Customizer Settings requires a six clicks. To install the plugin, please use the following steps:

  • Install PowerPack Plugin, And click on PowerPack admin menu.
  • go to Powerpack “Appearance” category and click.
  • Now you can see all powerpack Appearance Plugins.
  • Particular Appearance plugin right side display enable / disabled switch.
  • click on enable / disabled switch then save changes by click save button.
  • Now you can see Appearance in your WP Admin sidebar.

Note: When you enable / disable Appearance, hit the “Save Changes” button to make it live.
Your changes saved successfully.

Getting started with Login Customizer Settings

Screen shows see “Login Customizer” tab in the left side PowerPack Plugin inside.


general settings

  • General Settings:Check this box if you want to change login screen.
Logo Settings

Below screen shows how to add a logo settings


Logo Settings

  • Logo Link: Select logo link(e.g. :Default, Site URL, Custom URL)
  • Logo Title: Enter logo name in logo title field.
  • Logo Image: Upload custom logo in logo image field.
  • Logo Width and Height: Enter custom width and height for logo.(e.g 200px or 20%)
  • logo Background Position: Select logo background position.
Login Page Background Settings

Below screen shows how to add a login page background settings


Login Page Background Settings

  • Background Image: Upload your custom background for login page.
  • Background Color:Select login screen background color.
  • Background Position: Select login background image position.
  • Background Repeat: Select login background image repeatation.
Login Form Settings

Below screen shows how to add a login form settings


Login Form Settings

  • Login Form Width: Enter login form width. Leave empty for default.(i.e 500px OR 50%)
  • Transparent Background: Check this box if you want to transparent the login form.
  • Background Image: Upload your custom background for login form.
  • Background Color: Select login form background color.
  • Border Width: Enter login form border width. Leave blank for default.
  • Border Radius: Enter login form border radius. Leave blank for default.
  • Border Color: Select login form border color.
1. Form Label Settings
  • Form Label Color: Select login form label color.
2. Form Input Field Settings
  • Input Field Border Width: Enter login form input field border width. Leave blank for default.
  • Input Field Border Radius: Enter login form input field border radius. Leave blank for default.
  • Input Field Border Color: Select Input field border color.
  • Input Field Transparent Background: Check this box if you want to transparent the input field of login form.
  • Input Field Background Color: Select Input field background color..
3. Form Button Settings
  • Button Color: Select button color for login form.
  • Button Font Color: Select button font color for login form.
  • Button Hover Color: Select button hover color for login form.
  • Button Hover Font Color: Select button hover font color for login form.
4. Link Below Form Settings
  • Link Color: Select link color which are below login form.
  • Link Hover Color: Select link hover color which are below login form.
Custom Css

Below screen shows how to add a custom css


Custom Css