Archived

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

  • 0

Spacing Adjustments Between Elements


Question

Posted · Report post

HI

How do I adjust the spacing between the header and the top of the content area? I would also like to adjust spacing in other places too.

Note I have no knowledge of coding so pleas make your explanation very clear and specific, i.e. exactly where do I find the place to make the change?

Here's the url:

http://www.ncreading2.dreamhosters.com

 

I want to move the header up towards the top of the cream-colored box, so other elements on the page will also be higher.

 

Thank you for your help!

 

 

post-37035-0-09232100-1354829318_thumb.p

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

You adjust the CSS of elements using tools such as Firebug for Firefox or the inspection tools available in most browsers.

 

In your site, two factors appear to be affecting the spacing:

1.  Custom code.  I found this:

body.fixed_width .section-branding .content-pad {
    padding: 25px;
}

Which applies 25px padding around each side. 

 

You can replace it with this to adjust the bottom:

body.fixed_width .section-branding .content-pad {
    padding: 25px 25px 0;
}

2. The other factor is that your header image contains quite a bit of empty space top and bottom. The graphics push the image down, then the CSS was adding 25px around it on all sides.

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you for the quick response. When you say you found this custom coding, where did you find it? i.e. Where do I find it to replace it?

 

I thought the graphic was filling the box... I'll check it, thank you!

Share this post


Link to post
Share on other sites

Posted · Report post

You enter custom code in Pagelines>Site options>custom code.

 

Rob found the current coding you have on your site using firebug which is a web inspection tool :-)

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you, that worked great. 

Share this post


Link to post
Share on other sites