How to reduce space between columns (column block)?

  • Author
  • #73071
    Power User


    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?





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

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