• 0
Sign in to follow this  
Followers 0

Spacing issue

Question

Posted · Report post

Having spacing issues between the content and morefoot are on this page http://mooandbaa.com/Eckington/?page_id=62 Have been through forum and tried lots of things but can't seem to get it right. Site nearly ready to go live so any help appreciated. Password for site is crimson889

 

Cheers!

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

Hello Jannalyn 

 

What have you tried? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Various bits of code I've picked up from the forum and playing around with these at the moment

 

#site #page, #site #dynamic-content {
min-height: 200px;
}
#site #page, #site #dynamic-content {     min-height: 300px; }
 #column-wrap {margin-bottom: -25px;}
.contact .content-pad {
  padding-bottom: 0; !important
}
.widget .widget-pad {
  padding: 15px;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi jennalyn11 - I'm sure we can find something that will work but give me a little more info on what you'd like to accomplish. I'm looking at the site right now and thinking you'd like to try to remove some of the space above and below the morefoot area, is that the case?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yes, basically the client wants to have the quickslider on the right but also have the text wrap around bottom if that makes sense, this was the easiest way I could think of to make the copy go underneath by adding a widget in to the morefoot area. I've tried really hard myself but think it's time to call in the experts!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi jennalyn11 - OK so you've got a couple of spots to hit in order to reduce the overall spacing (which I'm sure you already figured out!). Give the following a go and see what you think.

 

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

.widget .widget-pad {padding: 0 15px;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Looking good on Firefox, still a bit of extra space between the content and morefoot but unfortunately spacing all wrong in Explorer which is what my clients used, no spacing between feature branding and navigation and the text in running in to the morefoot on the home page. Any other ideas welcome, I really appreciate the help!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Use the following code:

 

.type-page {
margin-bottom: 0;
}
.type-page .hentry-pad {
padding: 0;
}

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
Sign in to follow this  
Followers 0