Image Caption
-
AuthorPosts
-
lifeunscripted21
MemberImage captions when rendered in Chrome or Edge are compressed to the left side of the page and appearing as a multi-line left justified caption. But when rendered in Firefox the caption views properly. What can I do to fix this issue? I tried putting CSS to center the caption but that did not work. Help!
The blog I need help with is: (visible only to logged in users)
itsdavidmorgan
Theme AuthorHello,
Can you provide us with a link to a page or post where the caption issue is occurring?
Thanks!
You can see the issue on these pages:
My real home page:
https://skulkoffoxes243755486.wpcomstaging.com/A test page to demonstrate the issue:
https://skulkoffoxes243755486.wpcomstaging.com/test-page/itsdavidmorgan
Theme AuthorHello,
Within the “Additional CSS” section of the Customizer, try adding the following style:
.wp-caption-text, .wp-caption figcaption, .wp-block-image figcaption, [class*="wp-block"] figcaption, .blocks-gallery-caption { display: inline-block !important; }
Let us know if that works. Thanks!
That did not work. In fact, the captions that were centered, are now left justified.
I’ve edited the home page to remove captions, but take a look at the test page with the new CSS installed.
A test page to demonstrate the issue:
https://skulkoffoxes243755486.wpcomstaging.com/test-page/itsdavidmorgan
Theme AuthorHello,
Try replacing the previously provided style with this one:
.wp-caption-text, .wp-caption figcaption, .wp-block-image figcaption, [class*="wp-block"] figcaption, .blocks-gallery-caption { display: inline-block !important; text-align: center; }
Thanks!
That fixed it. Thank you!
- The topic ‘Image Caption’ is closed to new replies.