Define height of footer widgets

Hi there,

is it possible to define the height of the footer widgets, so that they all have the same height, no matter how much text there is?

Thanks a lot.

Cheers, zizo


Add this code to Theme Options - Other - Custom CSS and change height to one that fits best for your website.

#footerarea .widget {
    height: 100px;

The only disadvantage is that code will not adjust automatically if more content will be added, so you will have to tweak it manually each time.

Hello there,
is there any chance to do the trick, that the widgets in the footerarea get their height from the highest one (set by it’s content)?
That would really be great!!!
cargo2 from Berlin

Hi @cargo2,

Please post a new thead with your question. This helps us and also other users.



Hello again,
found the solution.
It works with:

#footerarea div.widget-area {
	display: flex;
	align-items: stretch;

To put the widgets underneath each other in windows with smaller width, the attribute “display” has to be set to “block” again by
@media screen and (max-width: XXXpx) …
Hope, it helps

Hi @cargo2, perfect, thanks