Equal Height Widgets – Automatically

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 19, 2014 at 5:05 pm #4965
    Tom Booth
    Guest

    Hi,

    I have my site http://zwartbles.tmbdesign.co.uk/ using your Frontier theme – how can I make all the widgets on a row match the same height (of the ‘tallest’ widget on that ‘row’)?

    At the moment I`m nearly achieving that by playing around with the min-height CSS property but there must be someway of getting it do it automatically.

    It’s mainly the bottom of the footer widgets that I’m trying to level out – the actual content widgets I can tweak with spacing etc (but if you have a fix for that also that’ll be even better).

    Thanks in advance,

    Tom

    February 19, 2014 at 9:20 pm #4971
    Ron
    Keymaster

    At the moment I`m nearly achieving that by playing around with the min-height CSS property

    If it were me I’d just use the min-height or even the height property. Since the number of entries a widget contains can be set on the widget page then one can anticipate what the tallest value would be.

    .widget-footer {
    min-height: 355px;
}

    If you really want to do it automatically you could try this:

    #widgets-wrap-footer {
    display: flex;
}

    Seems to work on Firefox and Chrome, not sure about other browsers.

    the actual content widgets I can tweak with spacing etc (but if you have a fix for that also that’ll be even better).

    I’m not sure what you mean by this.

    February 20, 2014 at 12:38 am #4975
    Tom Booth
    Guest

    Thanks Ron – I`ve set the footer widget heights to a min-height as suggested and it’s done the trick. Like you say, I can limit the number of entries in those widgets so I have some control over their maximum height.

    the actual content widgets I can tweak with spacing etc (but if you have a fix for that also that’ll be even better).

    I was meaning to get the content set to a minimum height so that it matched the height of my right side bar widget – but I just did the same as my footer widget and it’s looking great.

    Again, great template 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘WordPress Themes’ is closed to new topics and replies.