Woocommerce and equal height columns on the Products page

Beaver Builder
1

Hi guys,

I just finished up setting up the Sniffle Valve shop at http://snifflevalve.com/sniffle-valve-shop
and thought that I would use the BB WC modules for the Shop page.

Three column row with one Product per column. Set the column settings to Equal Height but they do not behave that way.

Is this perhaps a WC-specific issue? I’ll admit that I haven’t tried the same with just ‘regular’ content in the columns.

Anyway, if you have any ideas on how to equalize the column heights (which is one of the main reasons that I wanted to use the BB method as opposed to the ‘canned’ WC version) it will be greatly appreciated! :slight_smile: … and perhaps I’ll put together a quick video to explain the method :slight_smile:

Cheers!
Lyle

2

Hey Lyle,

The site looks awesome. :slight_smile: I see the issue there, I’m checking in with the team on this one.

Thanks!

KC

3

Hey Lyle,

The height of columns are equal, try placing a different background color for each and you’ll see what I mean. What layout are you trying to achieve? Did you want the texts below the images to be aligned?

Ben

4

Hi Ben and KC,

Yep, you’re right :slight_smile:

I was only looking at the outline of the content when hovering over it from within BB. But yes, that is the effect that I was trying for.

Cheers!
Lyle

5

Hey Lyle,

You’re gonna have to use custom CSS for that. I did try playing around with it though but I’m having a hard time. Will probably play around with it a bit more later.

Ben