I'm currently having a play with the block grid and setting up areas for the first time. I'm probably doing something daft but I'm getting a lot of white space rendering in unused areas of layout blocks.
For instance I've set up a 2 column layout with 3 variations of how those 2 columns will get used.
When you add content to some areas but not others it looks like this in the back office.
And like this on the front end.
Is there a way to remove this white space without resorting to javascript on my front end views? I can't simply use a css rule of
.umb-block-grid__area:empty{display:none;}
to remove them as the 'empty' area divs have a single whitespace in them so technically have content.
White space on unused areas of block grid
Hi.
I'm currently having a play with the block grid and setting up areas for the first time. I'm probably doing something daft but I'm getting a lot of white space rendering in unused areas of layout blocks.
For instance I've set up a 2 column layout with 3 variations of how those 2 columns will get used.
When you add content to some areas but not others it looks like this in the back office.
And like this on the front end.
Is there a way to remove this white space without resorting to javascript on my front end views? I can't simply use a css rule of
to remove them as the 'empty' area divs have a single whitespace in them so technically have content.
Cheers
Chris
is working on a reply...