Adding a space along the top

[CaptainAwesome]

My logo and the login box is touching the top of the page. I wanted to add a little space along the top.

I had thought about cheating and redo'ing the logo with a border along the top but i was wondering if there was another way of doing it as that cheat will only shift the logo down and not the rest.

[DemOnstar]

A quick look and tried this..


html {
padding-top: 0px;
}

Add this to your additional.css, change the zero to what suits.
Let me know if I was anywhere near. Thanks.

[CaptainAwesome]

I'm a newbie and this is my first time messing with anything like this. I looked through the style editor and didn't see anything labelled like that. Am i right in thinking that i can't do that through the Control panel and have to edit that via the file on the server?

[DemOnstar]

Open your acp, go to styles and templates. Search in templates for the word additional. You should then get a list on the right with names of templates and stuff. Double click on additional.css.

If you haven't been there before, the page that opens should be empty.

Copy this code and paste it into the empty page.

html {
padding-top: 20px;
}

Click save and reload.

Go to your site and check the difference.
Change 20px to what you want.

Don't worry if it isn't what you want, you can just delete it anyway.
Any changes you make, I would recommend doing it in the additional.css as the page is called last and if all is wrong, you are still ok to do again.

Get yourself a copy of Firebug (https://getfirebug.com/) to help you do things.
It will only work with Firefox browser.

[CaptainAwesome]

Thank you very much. I had not used the "Search in templates" feature before and just learned something new. Your instructions were excellent and right on.

Thanks again.

[DemOnstar]

No problem.

It would also be a good idea to save your changes (the ones that work) in an editor such as Notepad++ (http://notepad-plus-plus.org/).

That way, you always have a record should it all go tits up. Just copy/paste.

Good luck.