Add Custom CSS/JS to the Login Page with LoginPress

LoginPress is the best WordPress Login Page customizer plugin that lets you represent your brand and morale more effectively. It lets you customize each element on the Login Page. But what if you want to elevate your modification to a higher level?

Here is some good news! LoginPress brings you a custom CSS/JS feature to let you override your theme’s styles and add desired functionality without hurting your theme or plugin files. 

This knowledgebase article will show you how to apply custom CSS/JS codes to customize the login page with LoginPress.

We assume that you’ve already Downloaded and Installed LoginPress. So let’s get started! 

LoginPress Custom CSS/JS

Note: The Custom CSS/JS feature is available in both Free and Premium versions of  LoginPress.

Step 1: Adding Custom CSS and JS 

First, go to the left side of the WordPress admin dashboard of your website. Hover over LoginPress and hit Customizer.

Select Customizer

A new screen with all of the Customization Options will open up. Simply select Custom CSS/JS option.

Custom CSS/JS

In CSS and JS editor, you will see 2 Textareas; one for the custom CSS and the second for the custom JS code

CSS/JS Textarea

Step 2: Preview and Publish

You can put your Custom CSS/JS code into the relevant Textarea and instantly preview the changes. Since LoginPress has the Live Preview option to track your quick changes easily.

CSS/JS LIVE Preview

If you like what you see and wish to make changes LIVE on the login page of your WordPress website. Press the Publish button at the top of the customizer window, and you are ready.

Watch our video below:

That’s all! Try out the LoginPress Custom CSS/JS feature, and let us know how much it helped you!

If you have any doubts or questions related to this matter, please don’t hesitate to contact our support team.

Still stuck? How can we help?

Updated on October 21, 2022

Documentation
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.
WHI150807-1234-12345
You can find it in the email Sales Receipt.

three shapes icon

If you Still have Questions?

Get In Touch