Customizing Default Theme Background Image with Hook

LoginPress plugin allows you to easily customize your login page straight from your WordPress admin dashboard! You can preview your custom login changes before you save them! That’s awesome, right?

As soon as you Install and Activate the LoginPress, you’ll notice that your WordPress Default Login Page reverts to the LoginPress Default Theme automatically. 

Default LoginPress Theme Background Image

Let me describe a scenario for you; you are using the LoginPress plugin on the Multisite Network and want to change the default LoginPress Theme Background image on all websites. What would you do?

This knowledgebase article will show you how to customize the LoginPress default Theme Background image with a hook while using Multisite Network.

Adding the LoginPress default Theme Background image will be done with coding, so buckle up!

Customizing LoginPress Default Theme Background Image while using Multisite Network

If you want all the sites on your Multisite network to use the other than LoginPress default Theme Background image on the login page, add a hook in your main website's child theme's functions.php file.

Here is the hook:

function loginpress_default_bg_callback( $background ) {
  $background = 'https://cdn.pixabay.com/photo/2019/07/19/09/40/flowered-balloon-flower-
4348351_960_720.jpg';
  return $background;
}
add_filter( 'loginpress_default_bg', 'loginpress_default_bg_callback' );

Once you’ve added the hook in the main website's child theme's functions.php file, the default LoginPress themes background will look like this:

Customizing the Default Theme Background Image

Note: Here, $background contains the URL for the background image. You can change the image to any image of your choice simply by replacing the URL. Ensure the image is optimized. Otherwise, it can cause the login page to load slowly.

All done! Now it’s your turn! Try to customize the LoginPress default Theme Background image with a filter, 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 December 1, 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