How to Customize Login Page Logo with LoginPress

By default, WordPress uses its own Logo on the login page. You can replace it with your brand's Logo to bring individuality to complement your website design and improve user experience. 

LoginPress is a fantastic WordPress login plugin that enables you easily swap out the default WordPress login page logo with your custom Logo on the Login Page. Once the logo is added, you can adjust its Width, Height, and Space Bottom. You can also add the Logo URL, Logo Page Title, and Logo Title. 

You can see the live preview of your current Login Screen on the right-hand side and a list of options to customize the logo directly on the left-hand side. 

Live Preview

This knowledgebase article will show you how to customize the WordPress default login page logo with LoginPress.

Let's get started!

Customize WordPress Login Page Logo with LoginPress

Step 1: Navigate Logo

First, go to the left side of the WordPress admin dashboard. Navigate to LoginPress and hit Customizer

Click Customizer

Next, you’ll see a new screen for all the Customization options. Simply select the Logo option.

Select Logo

Now, you’ll be on the LoginPress Logo Customizing screen.

Logo Customizing Section

Step 2: Customize the Logo

Once you are in the "Customize Your Logo Section," you will find different options to customize your Logo, including height, width, space, and more.

Let's dive deep into the Logo Section:

1. Logo Image: 

Click Select Image to select your Logo. A new screen with Media Library will open. Here, select the image you want to use and click Choose Image

Select Logo Image

Important: You can toggle on the Disable Logo button to remove the Logo on the login screen.

Remove Logo

2. Logo Width: 

You can customize the Logo width with the Logo Width control feature to anything you want.

Logo Width

3. Logo Height: 

You can easily customize your logo's height with the Logo Height option.

Logo Height

4. Space Bottom: 

By default, WordPress Login Page Logo has 0 px Space at the Bottom. LoginPress Logo Space Bottom allows you to easily customize your Logo's padding-bottom (Space between logo and login form) by range control.

Make sure everything is nice and tidy.

Logo Space Bottom

5. Logo URL: 

It lets you link the Logo to some specific URL, i.e., the Homepage URL. Now, whenever the user clicks on the Logo, it will be moved to the set page.

Logo URL

6. Logo Title: 

You can easily set the Logo Hover Title with the Logo Title feature. Simply write the title in the Logo Title field. Now, whenever you hover over the Logo, It will display the title.

Logo Title

7. Login Page Title: 

The Login Page Title lets you quickly set the Login Page Title (Meta Title) shown on the WordPress Login Page tab.

Login Page Title

That's it! We've demonstrated how to customize your Logo by customizing the branded Logo and its width, height, and space on the Login Page.

Final Appearance

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

Check out our complete video below, where you will learn how to upload and customize the Logo with the Logo feature in LoginPress.

Still stuck? How can we help?

Updated on October 18, 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