Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Chris Smith 39 posts 142 karma points
    Jun 13, 2024 @ 16:03
    Chris Smith
    0

    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.

    enter image description here

    When you add content to some areas but not others it looks like this in the back office.

    enter image description here

    And like this on the front end.

    enter image description here

    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.

    Cheers

    Chris

Please Sign in or register to post replies

Write your reply to:

Draft