Block grid allow two 6-columns stacked vertically in 12 column grid without custom empty block

Is is possible to get two 6-columns to stack vertically without having to create a custom empty block item? If I remove my custom empty block now the bottom 6-column block will move up a row.

Why not create rows and then allow the ‘Text block’ to be added inside the row?

So the row is 100% width and then the text block is 6-columns width inside that?

True, that should work, but I also think that complicates it for the editor unfortunately

It is not supported out of the box. But you can customize the Layout Stylesheet and make almost anything happen.

It could be you always want that specific type to be in the left side. Where currently the Blocks fill up the space going from left to right. I can’t remember the CSS for it in my head, but I feel 99% sure it’s about adjusting the part that currently is sets the column for auto and instead set it to always be in column 1 (or 0?)

You find the Core Stylesheet as part of the Data-Type and once you made your own you can pick it as the one to be used in the Data-Type.

Let me know how that goes.

Alright, thanks for clarifying that it’s not supported by default.
However I am thinking that even though as that probably will work visually the produced data will not contain this information? I would then also have to extend the content delivery api

You are right, it will not be part of the data. But from one’s perspective, that makes sense, as it is a presentation concern. So it should not be part of data, but part of the code presenting the data.
The idea is that you use the same CSS inside Backoffice and on the front-end. In this way the layout will act in the same way in both places.

Let me know how you see that, eventually, how you would have liked this to work?

Thanks in advance

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