How to force all boxes in a row to display as same height

  • Resolved anthonyod

    (@anthonyod)


    1 year, 2 months ago

    Hello, I am looking to see how I can get the boxes on rows to fill the full height of the row independent of what the content of the box is. As can be seen at the tester page there is much inconsistency. Is there a way to achieve uniformity of the box height from within site origin or otherwise?

    The actual rows are divided into five and each alternate div on the row is given a grey background so its not the actual content boxes themselves that have the background applied.

    Any insight would be much appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor alexgso

    (@alexgso)

    Hello Anthon,

    Thanks for reaching out. It’s not directly possible to stretch widgets to be the entire height of the row (this is due to compatibility reasons). It is however possible to achieve this by stretching the Columns and applying a background to that instead of the widget.

    Please open the row you would like to do this for by clicking the wrench button above the row. Go over to the Styles sidebar and open the Layout settings. Set the Column Vertical Alignment to Stretch. Click the column you would like to give a background by clicking the blue background representing the column. Avoid clicking the percentage amount or you’ll enter column resize mode.

    Once selected go over to the Styles sidebar, go down to Column # Styles (# being the column number), and open the Design settings group. Set a Background Color and then repeat this process for the other Columns you would like to adjust.

    Kind regards,
    Alex

    Thread Starter anthonyod

    (@anthonyod)

    Hello Alex, Thanks for your message. That helped though the resolution was a bit more striahtforward as I only had to change the height to ‘stretch’ for the actual boxes in each row and not the content. This seems to work.

    Grateful for you pointing me in the right direction.

    Plugin Support Andrew Misplon

    (@misplon)

    Hi Anthony. Thanks for your follow-up; I’m glad to hear you’ve made progress. Cheers for now. Andrew

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to force all boxes in a row to display as same height’ is closed to new replies.