Container?

User 473299 Photo


Registered User
144 posts

Is it correct that by converting to Site Designer V3 the Subgrid row/column are all converted to Container?

Regards, Linda
User 244626 Photo


Registered User
811 posts

It appears so. I would open a support request.

Its odd because importing a subgrid show the columns when previewing in the browser, but they are not in the element tree.
Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

I mispoke as I was testing with a a old Coffegrinder template. For Foundation it seems to transfer ok and shows in the element tree correctly. My apologies. (Need more coffee...its Monday)
Bootstrap 5 CSS Grid.
User 232214 Photo


COO
827 posts

Linda Menkhorst wrote:
Is it correct that by converting to Site Designer V3 the Subgrid row/column are all converted to Container?

Regards, Linda


Yup :) Rows and cols are gone, long live the layout container! :cool:

The old structure is maintained with specific layout classes. The idea is to move those section by section and use flexbox or css grid to create a future proof layout. This article explains this:

https://medium.com/@weldebob/moving-fro … db0ec0e096

Then Suzanne applies this to upgrading your layouts in the app:

https://tutorials.coffeecup.com/respons … index.html

:)Hope this helps
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 473299 Photo


Registered User
144 posts

Thank you. So prepare to learn CSS and than rebuild.
User 232214 Photo


COO
827 posts

Linda Menkhorst wrote:
Thank you. So prepare to learn CSS and than rebuild.


Not really, just update. And the app should teach you, visually tweak a CSS property and see the effect on canvas :P
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.