How to stagger content in columns

I am using the great Architectural layout from the design cloud and I am not clear how you are staggering the columns? I am duplicating to create more columns but they are stacking instead of staggering… and I cannot see the setting to adjust?

Thanks for help!

https://www.morepars.com/golf-bsf-long-game/

stacked-columns-no|690x361

Hello Christina,

There are some customization involved to achieve the layout for the columns in the Architectural Layout demo.

As the columns and buttons, there is an assigned class to the row and columns then some Element CSS.

Please see the screencast below:

The easier way to replicate them would be to duplicate the imported content then just change the content.

Hope this helps.

great thank you - makes sense!

You’re more than welcome, glad we could help.

Cheers!

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