How to reduce space between columns (column block)?

  • Author
    Posts
  • #73071

    Hi,

    I have placed three charts (loaded from a Google Sheet) side by side using the standard column block. The charts, however, get cropped from the right, although there’s clearly space between them to show more.

    I have tried to add custom CSS to alter the wp-block-column and wp-block-columns styles, but neither margin=0 nor padding=0 seems to be the thing making the space between columns smaller, and column-gap didn’t work either.

    Any thoughts?

    Rgds,

    Björn

    Website: www.bjornelfstrom.com/data-pulling-and-visualisation

    #73313

    Hi,
    Size graphic 364×164 pixels, non ?

    Maybe for margin

    @media (min-width: 600px)
    .wp-block-column:not(:last-child) {
        margin-right: 1px;
    }
    
    @media (min-width: 600px)
    .wp-block-column:not(:first-child) {
        margin-left: 1px;
    }
    #73353
    Zed
    Cryout Creations Team

    The blocks columns margins are set by the styling included in WordPress. Try:

    body .wp-block-columns .wp-block-column {
        margin-right: 1px;
        margin-left: 0;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to reduce space between columns (column block)?’ is closed to new replies.