Equal Height Widgets – Automatically

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4965 Reply
    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

    #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.

    #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 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
Reply To: Equal Height Widgets – Automatically
Your information: