Block editor aligning image to center

Hi @saintsinner

If you select the image, you can access to a menu and align the image to center. Please, check this screenshot to see this menu item.

Have a nice day

Yes, I am aware of doing it individually. I recently changed the theme, and on the new theme, all my post images are left-aligned and it looks out of place.

I would have to manually center-align each and every one of the post images.

Was wondering if there was an easier way to do it.

Maybe make all images center-align by default or something…

Thanks

Hi @saintsinner

You can do this using a CSS that modify some element or class applied to all images. Can you share the URL, so I can take a look?

Have a nice day

@amieiro
buzzativ.com

thank you.

Hi @saintsinner

I have taken a look at your website and I see that the images are using the “aligncenter” class, so they are displayed fine.

You can see a screenshot in the next link:

Have a nice day

@amieiro Thank you.

That is a newer post, which I manually center-aligned. Please have a look at this:

https://www.buzzativ.com/favorite-meme-stars-then-and-now/

When I create a gallery, all images are center-aligned, it is with the single image that by default are left-aligned.

Hi @saintsinner

You have to add the aligncenter class to each figure item

<figure class="wp-block-image size-full aligncenter">

Have a nice day

how do I add it on CSS? Thanks.

Hi @saintsinner

You have the CSS class. You only have to add the “aligncenter” class to the image.

Have a nice day