-
Posts
-
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
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-heightor even theheight 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.
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 🙂
Equal Height Widgets – Automatically
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)