Jump to content


Photo
- - - - -

White space between page content and boxes

white space boxes content page template

Best Answer Rob , 17 March 2013 - 06:25 PM

Hi,

 

There's a few pieces of CSS that are affecting the site.

 

Here's some examples you can find with Firebug for Firefox or Chrome's built-in Inspection Tool:

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

You can see that 25px.  It's adding that much space at the bottom of the content area, below the social media icons you've embedded (nicely).

 

This one needs to have some code added to reduce the bottom padding to 0.

 
#content .content-pad {
    padding-top: 10px;
}

You can see it has padding-top: 10px; but not padding-bottom: 0;

 

Together, those two elements shave 35 pixels off the gap between the social icons and the top box.

 

You can achieve more, with Firebug.  I hope this helps.

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 lorrell

lorrell

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 16 March 2013 - 11:44 PM

Hello,

 

As my topic title states, I am seeing an unusually large amount of white space between the page content and the boxes I have set to display. I have just upgraded to 2.4.1, but have never built a page until after updating, as I have only recently purchased Framework.

 

The page for example, (as this is happening to any page built with template 1): 

 

Please Login or Register to see this Hidden Content

 

 

I have crawled the forums trying many different options presented that seemed similar to mine, such as adding:

 

Please Login or Register to see this Hidden Content

 

 

to my Custom CSS, and it has not worked. I do believe it does have something to do with #dynamic-content, because when I look at the CSS in the console, it highlights the page content area, including all the white space, and says it is 960x608.

Also, I notice that my boxes, while set to display from the page, (and not the template), show as though they are part of the 'more foot area'. Perhaps all of this is how it is supposed to be, I'm really not sure.

 

At any rate, any help to take out that white space would be greatly appreciated.

Thanks,

Lorrell.



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 March 2013 - 08:31 AM

Hi,

 

Your site is in Maintenance mode, so we are unable to see the issue, please disable so we can take a closer look.



#3 lorrell

lorrell

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 17 March 2013 - 05:27 PM

Hi Danny,

 

Apologies, I have turned off maintenance mode.

 

Thanks, Lorrell.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 March 2013 - 06:25 PM   Best Answer

Hi,

 

There's a few pieces of CSS that are affecting the site.

 

Here's some examples you can find with

Please Login or Register to see this Hidden Content

or Chrome's built-in Inspection Tool:

Please Login or Register to see this Hidden Content

You can see that 25px.  It's adding that much space at the bottom of the content area, below the social media icons you've embedded (nicely).

 

This one needs to have some code added to reduce the bottom padding to 0.

Please Login or Register to see this Hidden Content

You can see it has padding-top: 10px; but not padding-bottom: 0;

 

Together, those two elements shave 35 pixels off the gap between the social icons and the top box.

 

You can achieve more, with Firebug.  I hope this helps.



#5 lorrell

lorrell

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 18 March 2013 - 04:42 AM

Hi Rob,

 

Thanks for the leads on the CSS! I have only used the Chrome tool, but per your suggestion, I am trying out the Firefox/Firebug.  It seems much easier to sleuth around in the code. 

Going to try and find some more areas to reduce the white space.

Curse those social icons! ;)

 

Thanks again,

Lorrell 



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 March 2013 - 08:41 AM

I have resolved your topic by accepting Robs answer, if you require further assistance related to white space, please reply here and we can remove the Resolved prefix for you.







Also tagged with one or more of these keywords: white, space, boxes, content, page, template