Jump to content


Photo
- - - - -
Resolved

Reduce The Spacing Between Feature And Morefoot Sidebars

feature morefoot sidebars reduce

  • Please log in to reply
7 replies to this topic

#1 dgosine

dgosine

    Advanced Member

  • Members
  • 32 posts
  • Framework Version:2.3.4
  • Country: Country Flag

Posted 26 October 2012 - 01:35 PM

Hello Everyone,
I am trying to reduce the space between the Feature section and the Morefoot sidebars. If you go to the following link you will see what i am talking about as there is too much white space.

Please Login or Register to see this Hidden Content



Thank you
Dave Gosine

#2 catrina

catrina

    Advocate

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

Posted 26 October 2012 - 02:39 PM

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.

Selector: Used to select the page element you want to change (in this case, the page element you want to change is the bottom padding of the feature slider area).
Attribute: Property that determines what kind of change you want (you’re changing the bottom padding, so the attribute you want to use is padding-bottom).

To find the selector for the feature slider area, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions:

Please Login or Register to see this Hidden Content



For help with the padding-bottom attribute, please see these instructions:
http://www.w3schools.com/cssref/pr_padding-bottom.asp
  • dgosine likes this

#3 theTimHunter

theTimHunter

    Advanced Member

  • Members
  • 53 posts
  • LocationEarth-ish
  • Framework Version:Developer
  • Country: Country Flag

Posted 26 October 2012 - 03:23 PM

Try this:

Please Login or Register to see this Hidden Content


Then just adjust the -50 number until you get what you want.
  • dgosine likes this

#4 Rob

Rob

    One Smart Egg

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

Posted 26 October 2012 - 10:50 PM

Or try this:

Please Login or Register to see this Hidden Content


  • dgosine likes this

#5 dgosine

dgosine

    Advanced Member

  • Members
  • 32 posts
  • Framework Version:2.3.4
  • Country: Country Flag

Posted 31 October 2012 - 04:14 AM

Hello Guys,

First Thank you all for your help.

Rob, I started editing the site in the beginning with this code, but found that it would not change anything under 300px. Hence the gap was still to big.
#site #page, #site #dynamic-content {
min-height: 300px;
}
Added this as you suggested but had to make a change from this 0 15px 15px; to 15px 15px 15px; as the top gap was gone.
.content .content-pad {
padding: 0 15px 15px;
}

theTimHunter, were did you find this code as it solved the problem. did have to change -50px to -75px.
.pprow {margin-top:-50px!Important;}

Catrina, thank you for teaching how to look for the problem and solve it.

#6 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 31 October 2012 - 05:22 AM

We're glad this worked for you, we'll close this thread now for moderation purposes

#7 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 31 October 2012 - 05:22 AM

The topic was marked as resolved.

#8 theTimHunter

theTimHunter

    Advanced Member

  • Members
  • 53 posts
  • LocationEarth-ish
  • Framework Version:Developer
  • Country: Country Flag

Posted 31 October 2012 - 05:04 PM

theTimHunter, were did you find this code as it solved the problem. did have to change -50px to -75px.
.pprow {margin-top:-50px!Important;}


Just used Chrome Inspect Element to find the main container. If you are unsure, just try some stuff and if it messes things up, delete it.





Also tagged with one or more of these keywords: Resolved, feature, morefoot sidebars, reduce