Jump to content


Photo
- - - - -

Reduce Highlight Padding


  • Please log in to reply
3 replies to this topic

#1 peters_publishing

peters_publishing

    Super Member

  • Members

  • 152 posts
  • Country: Country Flag

Posted 06 April 2012 - 04:46 PM

I'm trying to reduce the wide space between the Highlight section and the Morefoot section on the page linked below. From Firebug, it looks like the minimum height of the "dynamic content" is causing the problem, but I'm not quite sure. Also, if that is what I need to change, is it going to effect my other pages?

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 April 2012 - 04:53 PM

You can reduce the height of the dynamic content or use the margin-top property to move the morefoot section up using CSS. Do you only want it to affect the page you linked above?

#3 peters_publishing

peters_publishing

    Super Member

  • Members

  • 152 posts
  • Country: Country Flag

Posted 06 April 2012 - 04:58 PM

Yes, just this page.

#4 Rob

Rob

    One Smart Egg

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

Posted 06 April 2012 - 06:51 PM

Hi.
The CSS below is site-wide, not page specific, but, it won't harm other pages or posts in any way. It sets a page minimum, not a standard canvas height. If your page contains more info, it will just stretch as needed.

Please Login or Register to see this Hidden Content


The min-height by default is 400px. By changing it to 250, I was able to wipe out 150px of whitespace.

This code goes into Custom Code in CSS Rules.