wb

I traced the problem to figcaption: when an image is inserted without a caption, FF behaves correctly. I’ve seen some bug references to figcaption, but not exactly like this, and many are dated.

Advice? I’m running everything latest, on a Genesis theme with fairly simple figcaption and alignright CSS.

Jim P.

since WordPress updated to 6.2, the figcaption underneath an image is gone. Why is that?

Claus

Is there a way to style captions separately, in the site editor? Or would I have to apply a custom style override, perhaps for the figcaption tag or the wp-element-caption class?

Here’s an example post, including image & video captions: https://chadossman.com/blog/lou-reed-and-john-cale-work-through-their-complex-feelings-for-andy-warhol-in-songs-for-drella/

This is what I’ve added to the Additional CSS panel:

.wp-element-caption {
color: rgb(74,74,74) !important;
font-weight: 300 !important;
font-size: smaller !important;
}

Apologies if this has been answered before, but I searched the forums and couldn’t find anything. Thanks!

On 2 other pages, including the 1 mentioned, the figcaption is floating right when viewing the page on a wider screen. Here I am using on 1 row of 3-column block. If I duplicate the row (using the code editor), this issue disappears.

I guess somehow I need to “force” the 3-column block to center-align ? When I check the code editor, I see the instances of a wp-block-column so not sure how I can make all 3 align nicely without “breaking” the responsive design feature.

By the way, EmbedPlus for YouTube magically fixed a problem I was having when trying to embed more than one video on the same page – even for the videos embedded prior to installing your plugin. So if I can just figure out how to add a figcaption below each video in a page full of videos, I will be ecstatic!

Thanks!

in my wordpress GALLERIES, I am looking for a solution to move figcaptions at the bottom of the figure like other simple images, and not inside the image (because sometimes I have a very long caption all over a small image).

I tried a few solution like this one but it is only possible with a defined height so that it revokes gutenberg default gallery’s adaptability (responsive, possibility to have a thumbnail/large gallery, auto-images-resizer…).

There might be a solution with flexbox, but I think the best way would be to simply edit the php structure moving <figcaption> outside of <figure> ?? Is there any hook or other possibility to achieve that ?

I think I am not the only one looking for this answer, thanks in advance !

<figure>
  <a href="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png" data-rel="lightbox-gallery-ScCf5ZOe" data-rl_title="" data-rl_caption="" title="">
    <img loading="lazy" width="412" height="308" src="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png" alt="" data-id="473" data-full-url="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png" data-link="https://jouy-en-josas-histoire.fr/les-lieux-de-la-memoire/lieux-de-culte/leglise-saint-martin/attachment/grh_image-5/" class="wp-image-473" srcset="https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5.png 412w, https://jouy-en-josas-histoire.fr/wp-content/uploads/2022/01/GRH_image-5-300x224.png 300w" sizes="(max-width: 412px) 100vw, 412px">
  </a>
  <figcaption class="blocks-gallery-item__caption">
    <em>sur le plan terrier de 1765 les cimetières, petit et grand, sont identifiés par deux croix</em>
  </figcaption>
</figure>

If possible to move span before figcaption
like this
<span class=”media-credit”>My Name</span>
<figcaption itemprop=”caption”

All will sit perfectly for all device

Currently, each image need a manual adjustment (if images small is an issue if the image is inserted to the article with 1/3 = it’s an issue)

https://subscription.ukrweekly.com/2021/11/st-john-the-baptist-church-celebrates-centennial-anniversary/

What options or custom changes can be made to position correctly