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: https://www.evernote.com/l/AgUV2--gK2VJILZgiJ-gk21xzjlwk615kr0 )

The page we are working on is http://staging.deriveone.com/solutions/ (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 (http://prntscr.com/mxpz7y) by using the "Equal Height | Items in Wrap"

Muffin Builder layout: http://prntscr.com/mxpzsp

Section settings: http://prntscr.com/mxq006

Thanks

theuxdepartment · March 2019

Hello Pablo,

Thank you for your reply. I'm using this Muffin Builder layout: https://www.evernote.com/l/AgVrx6ho8elCW6MNtvtzzAwx8NYRHUcbqDI

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 http://prntscr.com/mxpz7y where there is no space between the borders of the boxes and the content.

My Section settings are https://www.evernote.com/l/AgUJhg427e5O8KH6i5P77l9T6hYQTS83EVM

The design I received is https://www.evernote.com/l/AgVQSbreIuFCK50Lx5_y2EhCpAlXTiAOaXo (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 http://themeforest.net/user/muffingroup#contact 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