Image Caption

  • Author
    Posts
  • #158357

    Image 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 mixed57.com.

    #158389

    itsdavidmorgan
    Theme Author

    Hello,

    Can you provide us with a link to a page or post where the caption issue is occurring?

    Thanks!

    #158405

    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/

    #158407

    itsdavidmorgan
    Theme Author

    Hello,

    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!

    #158418

    That did not work. In fact, the captions that were centered, are now left justified.

    #158433

    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/

    #158440

    itsdavidmorgan
    Theme Author

    Hello,

    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!

    #158496

    That fixed it. Thank you!

The topic ‘Image Caption’ is closed to new replies.