Many users have asked me if it’s possible to include a logo on their Hide My Site login page. This is actually easy to do, and in this post I will show you how. Note that you will have to be using Hide My Site premium in order to follow along.
Before we get started, here is a look at what we are working towards…
Step 1. Choose the “Discreet” theme
In your WordPress admin > Settings > Hide My Site > Select a theme for your login page > pick “Discreet”
Step 2. Upload your logo image
In this example we are going to upload a logo for a graphic design company called “The Creative Agency.” Notice that I added a border around the logo, which will help it stand out against the background color of the login page.
Upload your background image via the “Custom Background Image” setting. Leave the “Background Image Position” field empty.
Step 3. Configure page colors to match (optional)
In my example case, I set the “Background Color” setting to #eaf8ff.
Step 4. Center the logo
In the “Custom CSS” field, enter the following code:
1 |
body{background-repeat:no-repeat !important;background-position: center center !important;} |
Step 4. Admire your final product
The logo looks great on our new login page! If you have a different colored logo, you might want to change the form colors to match. In this case, you can refer to the following article: How to change colors of Discreet theme form in Hide My Site.
Thanks for taking the time to follow this tutorial. Hope you find it helpful. Please let me know if you have any questions or other feedback in the comments.