How to Change Margins on Blog Headers
Change margins on blog headers to increase or decrease the amount of space between your blog's header image and the Web browser window. A document known as the cascading style sheet, or CSS, file controls stylistic elements of your blog, including the margins around the header image. As a result, changing the margins around you blog header requires only a minor addition to the coding of your site.
Other People Are Reading
Instructions
-
-
1
Log in to your blog account. Navigate to the style sheet, which bears the extension .css. If you use WordPress, clicking "Editor" under the "Appearance" pane takes you directly to your style sheet. If you use Blogger, choose "Design" from under the name of the blog whose header you want to edit and select "Edit HTML."
-
2
Scroll through the document until you reach an element in the following format:
/*---Header---*/
#header-wrapper {
background:#FFF url("http://www.blogblog.com/rounders3/corners_cap_top.gif") no-repeat
left top;
margin:5px 0 0 5px; -
-
3
Modify the numerical values behind the "margin" element to change the number of space around the image. The values represent, in order, the top, right, bottom and left margins. Save the file, then open the blog in a new browser tab or window to confirm the changes are to your liking.
-
1
