WordPress.com Forums » Topic: Fresh and Clean theme: Remove Space Above Header http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header WordPress.com Forums » Topic: Fresh and Clean theme: Remove Space Above Header en Tue, 21 May 2013 06:11:20 +0000 http://bbpress.org/?v=1.1-alpha-2539 rachelmcr on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1115639 Tue, 08 Jan 2013 14:34:53 +0000 rachelmcr 1115639@http://en.forums.wordpress.com/ You're very welcome! Glad I could help.

]]> petedensmore on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1115634 Tue, 08 Jan 2013 14:28:34 +0000 petedensmore 1115634@http://en.forums.wordpress.com/ Wow, thank you so much for the help and pointing me in the right direction. I'll definitely check out Firebug and the CSS forum. Appreciate it!

]]> rachelmcr on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1115508 Tue, 08 Jan 2013 10:45:41 +0000 rachelmcr 1115508@http://en.forums.wordpress.com/ P.S. In the future, you can post these kinds of questions directly in the CSS Customization forum. Most of the CSS experts hang out there, so posting in that forum should get your questions answered faster. :)

]]> rachelmcr on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1115505 Tue, 08 Jan 2013 10:41:01 +0000 rachelmcr 1115505@http://en.forums.wordpress.com/ Sure! The code controlling that blue margin above your header image looks like this:

#page {<br /> margin: 1.563em auto 0;<br /> }

The first value is the top margin, the second is the side margins, and the third is the bottom margin. (You can read more about how this works in this W3Schools CSS Margin article.)

To remove the blue margin at the top, just change the first value to 0. A simplified version of that code looks like this:

#page {<br /> margin: 0 auto;<br /> }

In this code, the first number controls both the top and bottom margins, while "auto" controls the side margins.

I encourage you to look over the CSS Basics page to get a better sense of how CSS works. It will help you learn to explore this code and feel more confident working with it.

The Firebug add-on for Firefox is my favorite CSS tool, because you can right-click on any element on your website and inspect the code behind it. You can also test out changes to the code and see the results on the screen without changing how anyone else views your website. I find that very helpful!

]]> petedensmore on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1115329 Tue, 08 Jan 2013 03:52:19 +0000 petedensmore 1115329@http://en.forums.wordpress.com/ unfortunately, i'm not sure how to do that. can you please explain? i'm a CSS novice. thanks!

]]> rachelmcr on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1113158 Sat, 05 Jan 2013 17:32:49 +0000 rachelmcr 1113158@http://en.forums.wordpress.com/ You should be able to do that by changing #page to have margin: 0 auto;

Let me know if that wasn't clear or didn't work as you wanted it to.

]]> petedensmore on "Fresh and Clean theme: Remove Space Above Header" http://en.forums.wordpress.com/topic/fresh-and-clean-theme-remove-space-above-header#post-1112088 Fri, 04 Jan 2013 16:05:12 +0000 petedensmore 1112088@http://en.forums.wordpress.com/ I would like to remove the dark blue space above my tan header image so that the header image is flush with the top of the page.

]]>