Login Page Documentation

Contents


Introduction to Login Page Customizer

Login Page Customizer is a plugin to customize your login page. It is completely customizable with tons of features. You can customize straight form wordpress customizer.

Arrow login page plugin is built using The Customizer API which is getting popular for live-previewing any changes to the layouts of WordPress. So, with Login Page you can preview your login page changes instantly. This login customizer plugin is easy enough & required no coding skills. Just have options for each element on the login form and make a new customized login page within seconds.


Who should use Login Page Customizer?

Every WordPress user should use Arrow Login Page Customizer. It is easy to use and can transform your boring wp-login.php login page into a beautiful customized login form page.


Find the Plugin.

  • The Free version of the plugin can be download from WordPress.Org.
  • Or go to Arrow Login Page Customizer Premium Page to pick the plan that works best for your personal/business needs.
  • Go through the Check out and Payment process to complete your purchase.
  • Once you have successfully completed the purchase, an email will be sent with order and package installer details for Premium Version.


Installation & Activation

Installing a plugin through WordPress is quite easy.

Upload the Plugin File

  • Go to Plugins ▸ Add New in the WordPress Dashboard.
  • Click on the Upload Plugin button.
  • Click Browse and select current version of arrow-login-page.zip from your computer that you downloaded from WordPress.Org
  • Click Install Now.
After plugin installed successfully you can activate them by clicking Activate the button as appear on your screen.

Manually finds the Plugin from plugin directory

If you wish to activate manually.
  • Go to Plugins ▸ Add New in the WordPress menu.
  • Search Login Page Customizer by Arrow Plugins from a search bar.
  • Mouseover plugin thumbnail and press the Install button.
  • After installing Arrow Login Page, Click on the Activate button.

How to use Arrow Login Page Customizer?

Arrow Login Page plugin is built using The Customizer API which is getting popular for live-previewing any changes to the layouts of WordPress. So, with Arrow Login Page Plugin you can preview your login page changes instantly. This login customizer plugin is easy enough & required no coding skills. Just have options for each element on the login form and make a new customized login page within seconds.

  • Go to Arrow Login ▸ Get Started! Button from Dashboard menu.
  • Here you can find the panel Arrow Login Page Customizer.
  • Go to this panel and customize your page.
  • Following are the sections under Arrow Login Page Plugin.
    • Templates
    • Logo
    • Background
    • Login Form
    • Fields
    • Buttons
    • Labels
    • Custom CSS
You can explore all the options while using the plugin, let's get started with the most basic and important login page changes!

Themes (Premium)

Themes are the premium feature in LoginPress. Here you find the dozen of the pretty cool template that can be implemented on the login page. The basic premium version of the plugin gives you access to these themes.

  • Appearance ▸ Arrow Login Page Customizer ▸ Themes: Choose the theme and preview it in Customizer Previewer.

How to Customize Logo?

Logo is the most important way to show your brand identity and identify your WordPress site for your bussines or personal site, you can change the logo of your choice according to your brand or personal identification. (Image Height, Image Width, or completely hide the logo).

  • Appearance ▸ Arrow Login Page Customizer ▸ Logo: Customize Your Logo Section and preview it in Customizer Previewer.
  • Logo Image: Upload your logo image.
  • Logo Width: Customize the width of your logo by entering value into the text field.
  • Logo Height: Customize the height of your logo by entering value into the text field.


How to Customize Background Image or Color?

Now let's change the background image of your login page or make it simple with color as a background. You can upload background image, set simple color, set the image size and make it repeat if image is repeatable.

  • Appearance ▸ Arrow Login Page Customizer ▸ Background: Customize Your Background and preview it in Customizer Previewer.
  • Background Color: Customize the colour of background by colour picker control. (Low Priority)
  • Background Image: You can choose the background of your login page from the default gallery images. If you select the background image from gallery it’ll override on selected theme image and color. (High Priority)
  • Background Repeat: Customize the repeatable option. This option is very useful if your background image size isn’t big enough. For example, if you are using a patren you can repeate your background image.
  • Background Image Size: Customize the position of your background depends on image.


How to add Background Video?

Now let's change the background image of your login page or make it simple with color as a background. You can upload background image, set simple color, set the image size and make it repeat if image is repeatable.

  • Appearance ▸ Arrow Login Page Customizer ▸ Background: Customize Your Background and preview it in Customizer Previewer.
  • Background Video: Select Background Video from your media and you will see tha changes in the Customizer Previewer.


How to Customize Login Form?

In Login Form Section you change the appearance of the login form, you can add the background image, background color, set it's width or height according to your need choice.

  • Appearance ▸ Arrow Login Page Customizer ▸ Login Form: Customize Your Login Form and preview it in Customizer Previewer.
  • Background Image: You can select the image from your media for your login form. (High Priority)
  • Background Color: You can change the background colour of login form by colour picker control. (Low Priority)
  • Width: Customize the width of your form by entering value into the text field.
  • Height: Customize the minimum height of your form by entering value into the text field.


How to Customize Text Fields?

You can change the color and text color of your login fields accroding to the match of your website color scheme.

  • Appearance ▸ Arrow Login Page Customizer ▸ Fields: Customize Your Login Fields and preview it in Customizer Previewer.
  • Input Field Background: Use the color picker to change the Field Background color.
  • Input Field Color: Use the color picker to change the field text color.
  • Label Color: You can change the label color of the fields using the color picker.


How to Customize button?

You can change the background color and text color of your login button accroding to the match of your website color scheme.

  • Appearance ▸ Arrow Login Page Customizer ▸ Button: Customize Your Login Fields and preview it in Customizer Previewer.
  • Button Background: Use the color picker to change the button Background color.
  • Button Background (Hover): Use the color picker to change hover over color of login button.
  • Text Color: You can change the text color of the button using the color picker.


How to Customize Links in Login Form?

The login form links like Forget Password and Lost Password, we have provide color pickers in Lebel section. You can also change the hover links

  • Appearance ▸ Arrow Login Page Customizer ▸ Label: Customize Your Links and preview it in Customizer Previewer.
  • Remember me:
    • Text Color: Use the color picker to change text color of Remember me link using the color picker.
    • Hover Color: Change hover over color of Remember me link using the color picker.
  • Lost Password:
    • Text Color: Use the color picker to change text color of lost password link using the color picker.
    • Hover Color: Change hover over color of password link link using the color picker.
  • Back to Link:
    • Text Color: Use the color picker to change text color of Back to link using the color picker.
    • Hover Color: Change hover over color of Back to link using the color picker.


How to add Custom CSS?

Arrow Login Page has a Custom CSS area which can Customize login page in a more advanced way. Recommended for advanced users.

  • Appearance ▸ Arrow Login Page Customizer ▸ Custom CSS: Custom CSS/JS: Customize Your Login Page and make your login page more advanced.
  • Customize CSS: Add Custom CSS in the area field provided.


Arrow Login Page Support.

We provide robust open source community support on the Arrow Login Page Forum.
Additionally, you can also contact us directly on our email address or Visit our Support Page.

  • FAQ: Do you have any question? Please check FAQ
  • Support Forums: Free support is available on the plugin support forum.

Rate us.

We hope you’ve enjoyed using Arrow Login Page! Would you consider leaving us a review on WordPress.org?