You are here: Blog » Tutorials » How to change colors of Discreet theme form in Hide My Site

How to change colors of Discreet theme form in Hide My Site

Some users recently have asked how to change the colors on the Discreet theme login form in Hide My Site, so I decided to post this quick tutorial as a guide. 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 a look at what we are getting into.


The Code

You should change the colors to something that matches nicely with your background.

The following code would go in Settings > Hide My Site > Custom CSS.

To change the color of the form wrap area
#form_wrap {background-color: #CE9B7E !important;}

To change the background color and text color of the password input field
#form_wrap input[type=password], .enter_password {background-color: black !important; color: white !important;}

To change the placeholder color of the password input field
#form_wrap input[type=password]::-webkit-input-placeholder{color:r#DFE5E6;}
#form_wrap input[type=password]:-moz-placeholder {color:#DFE5E6;}#form_wrap input[type=password]::-moz-placeholder {color:#DFE5E6;}
#form_wrap input[type=password]:-ms-input-placeholder {color:#DFE5E6;}

To change the background color and text color of the button
#form_wrap button{background-color: #DFE5E6 !important; color: #CE9B7E !important;}

For other (not Discreet) themes

If you want to change the form colors for other themes besides Discreet, check out this tutorial.

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 section headers (The End Result, The Code, 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="">