how to remove container padding on home page

[sunrise]

My post header area is a 1 px grey bar.  On the home page, I’d like the content to be right up against this line (the content has a grey background).  On other pages I’d like it to stay as it is.  Is there any way to do this?  Home page is here – http://ca3.windshiftdesign.com/.  Thanks!

[scrambler]

You can use rules with the .home selector for that. Rules will go in Main options > Fonts & Custom Custom CSS Rule box

.home .entry-content, .home #container {padding-top:0px;}

Will remove most of the space, but you also have an empty paragraph tag in the content that will need to be removed from the content itself

[sunrise]

Much better so far.  The content on that page starts like this, and I can’t find an empty paragraph tag in it.  Am I missing something?

<div style=”width: 100%; background-color: #f0f0f0;”><div style=”width: 50%; float: left;”><p style=”padding-left: 40px; padding-top: 40px; padding-bottom: 40px; line-height: 2em;”><span style=”font-size: 24pt; color: #000000;”><strong><span style=”font-family: Trebuchet MS,Tahoma,sans-serif;”>New Revised Edition of </br>YOUR HEALTHY BRAIN</span></strong></span>

[scrambler]

In the page editing page, check the options “Allow Raw HTML and Script” so that wordpress does not add paragraph automatically.

Also remove line returns.

Also change rule to

.home .entry-content, .home #container, .home #content {padding-top:0px;}

[sunrise]

Cool!  That’s a new tip for me.  Still has a 2 or so pixel space in there but it’s good enough for me.

[Author]

Posts