[Melanie]

Hi Catchthemes,

Is there a way to make the widget boxes (footer area 1,2 and 3) in the footer the same height?

My website http://www.allinmom.com

[Sakin]

@Melanie: It’s not possible just by css due to responsive design. But can remove the border and background. So, you don’t have to worry about height. Try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

#supplementary .widget {
    background-color: transparent;
    border: none;
}
#supplementary .widget img { border: none; }

[Melanie]

Awesome! Thanks for the wonderful support!

[stevegs]

This is a bit messy, but you can do it with DIVs. As Sakin noted: I tried without success doing it in the stylesheet – but the following did work:

Insert something like <div style=”min-height:250px;”> on its own line before *every* widget content and a closing </div>, again on its own line, at the end. The “min-height” can be adjusted to suit the longest widget but not so big as to be silly! NB: This won’t work on a Twitter feed widget if you have one – but that is usually one of the longest anyhow. Doing this will allow you to keep your borders.

[Author]

Posts