Custom CSS And JS

In LoginPress you will find everything to customize the login page. but in case if you are not able to make any change using the settings you can go with the custom CSS and JS feature. You can use the LoginPress classes and can style them according to your choice. Once you have styled them you can add them inside the LoginPress Custom CSS section.

In order to implement the custom CSS or custom JS code on your custom login page, you need to follow these steps.

1. Log in to your WordPress dashboard

2. Navigate to LoginPress > Customizer > Custom CSS/JS

3. A new window will open where 2 editor boxes will display, one for custom CSS and the second for custom JS code.

4. Now add your custom CSS in Customize CSS box and custom JS code in Customize JS box.

5. Now click on the Publish button to implement the custom changes through custom CSS and JS code.

Check our complete video given below on how to implement custom CSS and JS on your custom login page with LoginPress.

That's it!

This is how you can easily implement custom CSS and JS code on your custom login page with LoginPress for more login page customization. Check our complete guide on how to customize your forget form with LoginPress.

Still stuck? How can we help?

Updated on October 5, 2021

LoginPress Support
triangular shape yellowish icon

Frequently Asked Questions (FAQs)

These FAQs answer the most common questions about our WordPress custom login page plugin.

three shapes icon

Is LoginPress WPML Compatible?

LoginPress is fully supported with multilingual. LoginPress is also compatible with WPML Plugin, which means you can easily translate your login page with WPML plugin according to the given translation options in the WPML plugin.

Is LoginPress translation ready?

Yes, LoginPress has full translation and localization support via the LoginPress textdomain. All .mo and .po translation files should go into the languages folder in the base of the plugin.

Is coding skills needed to use LoginPress?

No, It is very easy to setup. Just plug and play. Have fun!

How to Install or Use LoginPress Pro?

Step-by-step instructions on How to Upgrade from existing Free version to Pro
1. You have installed and set up the Free version already.
2. Upload the Pro version.
3. Pro features will be enabled automatically.
4. You don’t need to set up Free version options again.
5. Setup Pro features like Google fonts, Google reCaptcha, Choose themes, etc.

Where is my license key?

License key is the Order ID which looks like in this format.
You can find it in the email Sales Receipt.

three shapes icon

If you Still have Questions?

Get In Touch