en WordPress.com Forums › CSS Customization

Bottom Row of Widgets – Change Height

  • Author
    Posts
  • #1545441

    williamgrovefanning
    Member

    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 enviroethics.org.

    #1545562

    williamgrovefanning
    Member

    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.

    #1545599

    justpi
    Member

    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;
}

    #1545607

    williamgrovefanning
    Member

    Works like a charm. Thanks justpi!

    #1545610

    justpi
    Member

    You’re welcome!

  • Author
    Posts

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