How to set uniform height for 4 columns of info boxes within a row layout

  • I am working off of a preloaded sections from the design library. It uses a “row layout” block that I’ve set to 4 columns. Within each is an info box. Each info box contains different length of text, such that the info box is different heights. I would like them all to be the same height. Is this possible?

Viewing 3 replies - 1 through 3 (of 3 total)

  • In block settings Inner Column Height 100% https://joxi.ru/82QWlg0IwooDKr

    Thread Starter henry321

    (@henry321)

    Unfortunately, that doesn’t work.
    The hierarchy structure in gutenberg editor is Row Layout > Section > Infobox.
    The setting you suggested applies to “Section” block. But the “Info Box” block does not fill 100% height. I actually needed them both to be 100% height, so did a workaround with css. Thanks for pointing me in the right direction.

    Plugin Support karlalevelup

    (@karlalevelup)

    Hello @henry321,

    There is no built-in option to make info boxes within a certain row equal in height. However, you can define a minimum height for the title area as well as the text area – https://share.getcloudapp.com/L1uB6xgx. That way, you can create an equal height if you have titles where some are two lines and others 1.

    Hope this helps.

    Regards,
    Karla

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to set uniform height for 4 columns of info boxes within a row layout’ is closed to new replies.