By default the login box for the Cobalt theme displays at the top-center location of the page. But what if you prefer it to show at the top-left or top-right corner of the page, instead? This post provides a quick run-through of how you can do that. 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 left and top right positions. The code should go in Settings > Hide My Site > Custom CSS.

CSS for top-left login box
#form_wrap {margin-left: 100px !important;}

CSS for top-right login box
#form_wrap {margin-right: 100px !important;right: 0px !important;}