You are here: Blog » Tutorials » How to add a logo to your Hide My Site login page

How to add a logo to your Hide My Site login page

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…

mshot

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.

mlogo4

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:

Step 4. Admire your final product

mshot

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.

The step headers (Step 1, Step 2, etc...) and dividers on this post were proudly made with Visual Artist
This entry was posted in Tutorials and tagged by .

Author: justin saad

Justin Saad is first and foremost a husband and a father of four. He is also a web developer and designer who has been making websites for over twenty years. His company is called The Motech Network and his website is ClevelandWebDeveloper.com. In addition to building websites, Justin makes WordPress plugins and likes writing tutorials to help others learn about various aspects of web development.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">