Bottom Row of Widgets – Change Height

  • Author
  • #1545441

    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


    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.



    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;


    Works like a charm. Thanks justpi!



    You’re welcome!

The topic ‘Bottom Row of Widgets – Change Height’ is closed to new replies.