[0800-grizzly]

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

[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;
}

[Zed]

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