Archived

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

  • 0

space under main content and above header


Question

Posted · Report post

I've tried identifying the selectors with Firebug but had no luck with my adjustments. Similarly, I've been through all the suggestions in the forums and none make any difference.

How do I reduce the space under my main content and above the footer?

http://mylondontherapist.com

Thanks.

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Thanks for the effort, James. But I'm afraid I'm just not seeing what you're seeing in the HTML window. For instance, I don't see 'div.widget pad along the top' so can't adjust the padding/margin there. And even when I do see something in the HTML window that you're seeing I don't see the corresponding stuff you're seeing in the style column.

I've been grappling with Firebug for over a year now and only rarely seem to find the info that I need.

Perhaps I need to go on a Firebug course - or try Chrome tools instead...

Share this post


Link to post
Share on other sites

Posted · Report post

The padding/margins are coming from multiple areas inside that gap.

 

If you look in firebug look through the html list to see areas highlighted in the preview panel in yellow or blue, yellow relates to margins, blue relates to padding. You should see padding/margins in the following areas as per the below screenshots.

 

http://screencast.com/t/TLc81kFh0

 

http://screencast.com/t/jtlEr39dyTTO

 

http://screencast.com/t/kYaepkTGv

 

http://screencast.com/t/yhSLlQRFx

Share this post


Link to post
Share on other sites

Posted · Report post

Chrome tools are actually a lot more intuitive - and responsive - than Firebug. I finally managed to identify the code:

.hentry .hentry-pad {
padding: 0 0 0px;
}



.hentry {
clear: both; margin: 0 0 0
}

.content .content-pad {
padding: 0px;
}

Share this post


Link to post
Share on other sites

Posted · Report post

I was just about to make a short video to show you how i found the code, but I've seen your second post on finding the code with chrome :-)

Share this post


Link to post
Share on other sites