[Resolved] Center-align multiple images with captions

[Rick]

Center-align multiple images with captions does not work the same as center-align multiple images without captions.
This looks like a WordPress issue, not GP Premium, but I’m not sure.
Any CSS fixes come to mind?
Thanks!
-Rick

[Leo]

Hi there,

Not 100% sure if I understand.

How are you adding those images?

Just with HTML?

[Rick]

The images are added to the page using the WordPress CLASSIC editor (not Gutenberg). I added a note at the top of the page to explain the process.

Thanks!

[Leo]

Sorry I’m still not exactly sure what the issue is.

You don’t want them to be inline?

Have you considered using Gutenberg? It would make things like this a whole lot easier.

Let me know 🙂

[Rick]

Forget Gutenberg. Forget this support request. If you watched the video, you’d understand the issue.

[Leo]

I did watch the video but didn’t see it mentioning any issues related to captions.

Are you saying that the images don’t align to the center with captions?

From the code it just looks like no alignment is set:
https://www.screencast.com/t/9EZHERYa3Zs

You can use this CSS to force it:

figure.alignnone {
    margin-left: auto;
    margin-right: auto;
}

[Rick]

Here’s what fixed the issue:
figure {display:inline-block;}

[Leo]

Glad you’ve figured out 🙂

[Author]

Posts