Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Remove Gap Between Content Box And Content

Question

Posted · Report post

For the life of me I can't get rid of the gray space between the content box and the content area on my landing page at http://marathontrainingclinic.net/

This is what I am looking to accomplish: http://www.screencast.com/t/kavTFcDCYNdO

Been trying things for a couple hours and no luck... Firebug is showing me something with hentry that seems to be part of the area in question but I have been unsuccessful in isolating it. Here is the CSS I have used and took this formatting from my other sites where the landing pages look good and only changed the page ID for this page.

.page-id-14 #page {

background-color: #E7ECEF;

}

body.page-id-14 {background-color: #E7ECEF; margin-top: 30px;}

body.page-id-14 .content-pad {

margin-top:0;

margin-bottom:0;

margin-left:0;

margin-right:0;

}

.page-id-14 .page-canvas { background-color: #E7ECEF !important; }

body.page-id-14 .content-pad {

padding: 0;

}

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

You need to try using a negative value for margin-top. For example:

margin-top: -5px;[/CODE]

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

You need to try using a negative value for margin-top. For example:

margin-top: -5px;[/CODE]

Yes! Worked! Knew it was simple. Would have never guessed that on my own.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites