Equal height boxes

theuxdepartment · March 2019

Hello!

We are working on a page using the Muffin Builder. We have a grid of boxes with different content on them, and we'd like to make all the boxes the same height (please see this screenshot for reference: [Links visible only for registered users] )

The page we are working on is [Links visible only for registered users] (see the boxes on the "Solutions" section). We tried using the "Equal Height | items in wrap" and "Equal Height | wrap" options on the Section settings, but we can't make it work. How should we build this grid so all boxes are the same height?

I look forward to your advice. Thank you : )

Pablo · March 2019

Hi,

I achieved this effect ([Links visible only for registered users]) by using the "Equal Height | Items in Wrap"

Muffin Builder layout: [Links visible only for registered users]

Section settings: [Links visible only for registered users]

Thanks

theuxdepartment · March 2019

Hello Pablo,

Thank you for your reply. I'm using this Muffin Builder layout: [Links visible only for registered users]

The reason for using three wraps is because I need margin between the white boxes, but also padding inside each box to separate the content from the borders of the box (this is a little different from the example you sent in [Links visible only for registered users] where there is no space between the borders of the boxes and the content.

My Section settings are [Links visible only for registered users]

The design I received is [Links visible only for registered users] (notice the separation between the white boxes, and the padding inside each box).

How would you approach this?

Thank you again for your help with this. I look forward to your comments.

Kind regards, JP

Pablo · March 2019

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at [Links visible only for registered users] and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

theuxdepartment · March 2019

Hello Pablo,

Thank you for your quick reply. I just sent you the admin credentials to the website using the contact form and referencing this forum discussion (using its URL).

Please let me know if there's anything else I can do to help. Kind regards,

JP

Pablo · March 2019

Hi,
I've customized your section there, it's working fine now.
Take a look at it and please analyze what I've done there.
Thanks

theuxdepartment · March 2019

Thank you Pablo! This is fine.

I'll get back to you if I have any further questions.

Equal height boxes

Comments

This website uses cookies