Make footer widgets same height?

[wheelingit]

Hi there,

I'm trying to figure out if there is an easy way to make footer widgets the same height. I have 3 footer widgets using Lifestyle Pro child theme. You can see them at the bottom of my blog here:
http://wheelingit.us/

Anyway to make those 3 equal height?

http://wheelingit.us/

[Christoph]

Hi,

you could use Flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) or jQuery (e.g. http://brm.io/jquery-match-height/)

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Genesis Developer]

+1 for Flexbox

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[wheelingit]

Thanks. I spent some time looking into flexbox and such, but it seemed a tad too complicated for me. In the end I found a solution just by messing with the code in my child theme stylesheet. All I needed to do was to add was a height attribute into .footer-widgets .widget. I added the following:

.footer-widgets .widget {
height: 300px;
}

That seems to have worked. All my footer boxes are now equal size.

[Author]

Posts