You are here: Blog » Tutorials » How to change the login box language on a Hide My Site login page

How to change the login box language on a Hide My Site login page

Do you want to change the language for your Hide My Site login box? If so, this is the tutorial for you. In this short post, you will learn how to make the login box appear in your own language. In our example, we are going to be changing the text into Spanish. However, the same method will work for whichever language you choose. Note that you will have to be using Hide My Site premium in order to follow along with this tutorial.

Here is a quick walk-through outlining the process.

The End Result

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

Step 1. Examine the initial login page

In our case, we are going to be using the Iris theme. However, this same method will work for whichever login theme you are using.

Step 2. Download the login box background image. Use a photo editor to change the text into your desired language

login_bg_iris

I changed this to:

Step 3. Do the same for the login button

login_button_iris

I changed this to:

Step 4. Edit the password input field to include the word ‘Password’ in your language as a placeholder

I changed this to:

The word for password in Spanish is “Contraseña”.

Step 5. Upload your new images via WordPress Media upload. Then add the following CSS changes…

Enter this in your WordPress admin > Settings > Hide My Site > Custom CSS:

Note the !important at the end of each background property. This is needed to override the original CSS for the login page, so don’t forget that part 🙂

Step 6. Admire your final product

Our new login form is looking great and much better suited for our Spanish-speaking audience. ¡Qué Padre!

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