Space between more articles and footer area

• 

  yiangos · Member · Apr 30, 2013 at 10:26 pm

  • Copy link
  • Add topic to favorites

  I would like to limit the space between the footer area and the main body of the webpage. Any help please?

  the blog is http://www.sporting-u.com

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · May 3, 2013 at 2:36 pm

  • Copy link

  I would like to limit the space between the footer area and the main body of the webpage.

  Part of the space comes from the widget area just below the main body, which you can adjust with this CSS:

  #supplementary {
  	padding-top: 0;
  }

  And the rest of the space is coming from various content elements in the left sidebar, right sidebar, and content area. You can get rid of most of the extra space by setting the margin to zero for several areas:

  #secondary .widget:last-child,
  #tertiary .widget:last-child,
  #image-8 img,
  .widget_facebook_likebox iframe,
  .page-template-showcase-php #content {
  	margin-bottom: 0;
  }

  To adjust this, you should experiment by either changing the “0” to another value or removing some of the selectors from the list until the spacing looks good to you.

• 

  yiangos · Member · May 3, 2013 at 3:57 pm

  • Copy link

  it worked.

  excellent, thank you very much!!!!

  one more query please as i have no idea on CSS. Do you know how to limit the spaces between the widgets on the sidebars?

• 

  designsimply · Member · May 4, 2013 at 12:53 pm

  • Copy link

  In the example above, take out “:last-child” from the first few selectors where the bottom margin is set.

• 

  yiangos · Member · May 4, 2013 at 1:15 pm

  • Copy link

  thank you so much!!

• 

  designsimply · Member · May 6, 2013 at 7:30 pm

  • Copy link

  Cheers :)