Archived

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

  • 0

How to reduce the padding below Features or above Hightlights


Question

Posted · Report post

Hi, I'm tying to reduce the padding below the Features or above a the Highlight section.  Looking through the forum I found some code to change the padding above the Boxes section (see below) but I can't identify the equivalent of pprow in either Features or Highlights.  Any help would be greatly appreciated.

 

.pprow {margin-top:-50px!Important;}

 

Rob

1 person likes this

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Rob,

 

Like the name, but I'm prejudiced... ;-)

 

There's a great product called Firebug for Firefox that helps identify the CSS elements.

 

If you use it, you'd see:

#highlight .content-pad .highlight-area {
    padding: 21px 0 10.5px;
}

Changing the 21 to 1, knocks 20px of padding off the top, moving the highlight up closer to the slider. Note, you cannot use negative values in padding, even with !important.

 

Other elements can be identified where select tweaking can result in a gain of 50px total savings. Each selection, such as Highlight and Features have a Contentpad with a 15px padding.  That can be customized to make the padding-top: 0 for the highlight, and padding-bottom: 0 for the features.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Fantastc, Thanks Rob

1 person likes this

Share this post


Link to post
Share on other sites