Premium Theme Support › Organic Themes › Photographer

Image Caption

  • Author
    Posts
  • #158357
    lifeunscripted21
    Member

    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: (visible only to logged in users)

    #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
    lifeunscripted21
    Member
    Original poster

    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
    lifeunscripted21
    Member
    Original poster

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

    #158433
    lifeunscripted21
    Member
    Original poster

    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
    lifeunscripted21
    Member
    Original poster

    That fixed it. Thank you!

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