You are here: Blog » Tutorials » How to change the password box location with Discreet theme in Hide My Site

How to change the password box location with Discreet theme in Hide My Site

I recently was asked how to change the password box location with the Discreet theme in Hide My Site. I figured it would be worthwhile to write up this quick guide on how that would be done. Note that you will have to be using Hide My Site premium in order to follow along.

The End Result

Before we get started, here’s what we are working toward.


The Code

These examples will show you how to move the password box to the top center and top left positions. The code should go in Settings > Hide My Site > Custom CSS.

CSS to center the password box location
#form_wrap {margin:auto !important;}

CSS to left-align the password box location
#form_wrap {margin-left: 100px !important;}


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 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="">