How to reduce space between columns (column block)?

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • January 27th, 2019 at 15:21 #73071
    0800-grizzly
    Power User

    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

    February 3rd, 2019 at 19:03 #73313
    Herve

    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;
}
    February 4th, 2019 at 16:58 #73353
    Zed
    Cryout Creations mastermind

    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 check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

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