Jump to content
Sign in to follow this  
lorrell

White space between page content and boxes

Recommended Posts

lorrell    0
lorrell

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

 

http://www.theviewingscreen.com/?page_id=3904

 

 

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

 

#site #page, #site #dynamic-content {
    min-height: 240px;
}

 

 

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.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lorrell    0
lorrell

Hi Danny,

 

Apologies, I have turned off maintenance mode.

 

Thanks, Lorrell.

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
lorrell    0
lorrell

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 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

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  

  • Similar Content

    • Jared Smith
      By Jared Smith+
      I haven't figured out how to get the "Sync Loaded Item" option in templates menu of Platform 5 to stay checked. It doesn't give me an option to save settings when I select it, and when I select it then click off the editor, it unselects. Also if I select it before loading a template, it doesn't stay checked there either.  Whats going on?
    • Audun MB
      By Audun MB+

      Here:http://attac.no/global-ulikhet/
      The images are forced into a boxed frame so that you can't see the whole picture. Doesn't look so good. Is this a bug? A feature? How can I fix it?
    • JudithKlinger
      By JudithKlinger+
      The recent WP update seems to be quite cheeky...messing about with a number of things. 
       
      Having trouble with boxes displaying differently in different browsers.  1st screen shot is Chrom...looks ok. 
      2nd screenshot is Firefox...colors are different. Icons are different. Have weird 1000's next to the icons. Any idea what's going on? 
       
      Thanks!! 
      Judith
       
       


    • Queue-it
      By Queue-it+
      Hi,
      I created a Pagelines template for a "Post type" post. Whenever creating a new post page it firstly display that template post and I have to manually change it in the scope from "All of type posts " to "Current page". 
      Is there a way to fix that? 
       
       

    • richardjacruz
      By richardjacruz+
      I'm building a website in a dev environment at http://162.144.182.17/~uescocra.
      I want to import a bunch of products, and then have the products have a different template than the default template. 
      I also want to change the default template for blog posts.
      Before I go making changes, can I do this where the post type of "products" has its own global template, and the same with blog posts?
      For instance, in a product I might want to have a widget for categories, similar products, etc., and in the blog I may want list of the latest posts, blog categories, link to an email sign-up landing page, etc.
      Thanks.
      Rich
×