Image captions extend beyond image

Just to be clear, I’m using the standard Gutenberg image block, and adding the classes “caption” and “caption-text” does constrain the width of the captions, but the images end up being centred instead of correctly aligned.

We’ve got a solution. We’re testing it and will release in the coming days. No update will be needed from your end.

Can you put the caption class on the FIGURE element and not the div element?

Currently like this…

<div class="wp-block-image caption">
  <figure class="alignright is-resized">
  </figure>
</div>

Change to this….

<div class="wp-block-image">
  <figure class="caption alignright is-resized">
  </figure>
</div>

• This reply was modified 5 years, 5 months ago by Print & PDF by PrintFriendly.

I’m afraid that doesn’t help, on two counts.

As I said, I’m using the standard Gutenberg image block, and adding any classes to the figure element using the code editor throws an error in the visual editor. But the image is in any event still centralised, just that it now appears on its own line, so the alignright class is being ignored.

Fixed the overflow. Still working on some of the style issues.