How to make wp-block-image not display block?

Hello,

Since WordPress launched their new Gutenberg editor i’ve noticed a change in my images. With the old editor I would upload an image with the max width of 800 px and it would nicely be as wide as my written content.

Now however, if I use a content block and select an image it’s too small. When I change the alignment to ‘align left’ it works. But then my content in the editor looks screwed.

If I upload an image without selecting alignment I see this code:

<figure class=”wp-block-image”></figure>

If I upload an image and then select align left I get this code:

<div class=”wp-block-image”><figure class=”alignleft”></figure></div>

I looked at it and it seems like the alignleft class somehow removes display-block.
So WP-Block will say display:block and when I add alignleft it doesn’t display-block.

So I could ofcourse select all images and choose align left. But I have around 7000 images on my site.

So a better idea would be to change the code for WP-Block-Image so it won’t display-block.

My questions is: is this possible? And if so, where and how can I change it. I’ve searched through the CSS file but I just don’t know how I can alter this (also i’m not a developer ?? ).

• This topic was modified 5 years ago by boon64.