Thank you

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption{
	text-align:center;
}
.wp-caption .wp-caption-text {
  text-align: center;
}

Now caption shows correct, but their display in mobile phone still not display full. So what can i do next?

I would like to change the image display from square to original 5:4 format for my gift card images.

For some odd reasons, on my translated version (https://tailleetretailles.ca/product/carte-cadeau/?lang=en), the format of the images is ok. The only difference between the two, is that original French version is using the images chosen with the gift card product, whilst the translated version is using TranslatePress to change the image location for another image with translated text.

See the difference side to side : https://tailleetretailles.ca/wp-content/uploads/2021/10/Capture-du-2021-10-04-11-51-44.png

We are using several CF7 and its add-ons like CF Post Formats and CF7 Smart Grid Design Extension on our website.

We cannot manage to display the picture in the grid nor can we insert a link for the Read More Button. Could you help us solve that problem?

Thanks for your answer.

I have a featured image on certain events, and the image is skewed. It’s stretched really long. I’ve disabled plugins, cleared browser cache, all of the typical things I would know to do to try and troubleshoot this, but the issue persists. I’ve used this plugin on other sites without issue regarding the thumbnail/featured image, so I’m a little perplexed.
View Image

Thanks to everyone who has done good web and done web for a long time, how to fix it. Thank you everybody!

How can I avoid display image titles on mouseover for the link provided above?
Is this posible to do with a simple Custom CSS? Hope so, because I’m still not quite versed on JQuery, though I’m willing to learn.

Thanks in advance.
Cheers!