Jump to content
aerta

space under main content and above header

Recommended Posts

aerta    5
aerta
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
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
aerta    5
aerta
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
aerta    5
aerta
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
James B    436
James B

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 :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×