Columns with borders and radius corners and same height

I have a row with 3 columns

A want the columns at the bottom to have borders and rounded corners and all three to be the same height.
I can add a border to the columns in CS but not radius corners.

I have tried adding rounded corners to the text element within the columns but the there is no Inline CSS
facility to add a min-height to them.

Can anyone help me with this.

Thanks

John

Hi there,

This will need lots of CSS customization code which is outside of our support scope. We will give you the starter on how to achieve this but the implementation will be on your shoulders.

You need to add a unique class name to the ROW which you added those three columns by clicking on the Customize tab of the row option.

Then add a class such as sameheight. Then you will need to go to X > Launch > Options > CSS to add flexbox options to have same height functionality.

For more information kindly read this article:

To know which CSS selectors to use you will need to use the Chrom Browser developer toolbar. For more information:

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.