Extend Section background to full height of Row?

Hello,

Thank you for reaching out to us.

Yes, on the Row Layout block settings > Structure Settings, enable the Inner Column Height 100% option so the column(s) will take the full height of the row.

Here’s a screen recording for your reference – https://share.getcloudapp.com/kpunO9p7.

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

Hey @karlalevelup –

Thanks for the reply. Applying column height 100% on the row does expand background coverage when editing the page, but not when viewing the saved page. I’ve ruled out browser cache as a cause.

The section includes some text blocks, an image block, a Kadence button block, and some spacer blocks. The section’s background color is only extending to total height of those inner blocks, not full row height.

Thanks!

• This reply was modified 3 years, 6 months ago by sevans917.

Hello @sevans917,

To better assist you and check your row setup, please could you send a page URL where we can see it?

Kind Regards,
Karla

Add a row layout block with one column with a minimum height set to the parent row height and set the background to the desired color in the target parent row layout section before adding the text items to the newly added row’s section.

A terrible workaround as the simpler html table tag cells will automatically retain row height.

The default maximum cell height should be maintained as the row height for all sibling row cells once the inner height 100% option has been selected.

• This reply was modified 3 years, 5 months ago by peterschlem.