Bottom Row of Widgets – Change Height

• 

  williamgrovefanning · Member · Dec 1, 2013 at 3:59 am

  • Copy link
  • Add topic to favorites

  Still tweaking the front page some. How do I change the height of the bottom row of widgets so that it is tighter (i.e., not as tall) than it currently is?

  My theme is Twenty-Eleven.

  Thanks as always.

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

• 

  williamgrovefanning · Member · Dec 1, 2013 at 4:36 am

  • Copy link

  I figured out this, which gives me some control.

  #supplementary {
  padding-top: 1em;
  padding-bottom: .1em;
  }

  Although I would like to removing more of the bottom padding if possible. .1em seems to be the maximum that I can go.

• 

  justpi · Member · Dec 1, 2013 at 11:31 am

  • Copy link

  To specify no bottom padding at all, you write this:
  padding-bottom: 0;
  The rest of the space is a bottom margin to each widget, so add this and decrease the value:

  #supplementary .widget {
  margin-bottom: 2.2em;
  }

• 

  williamgrovefanning · Member · Dec 1, 2013 at 3:33 pm

  • Copy link

  Works like a charm. Thanks justpi!

• 

  justpi · Member · Dec 1, 2013 at 4:16 pm

  • Copy link

  You’re welcome!