Photo captions displaying incorrectly on AMP

  • Resolved rustyglessner

    (@rustyglessner)


    3 years, 10 months ago

    I created a staging site version of my blog to test out the possibility of implementing the AMP plug-in. Right now I have AMP enabled for posts only (not pages) and am using the “transitional” mode of the plug-in. I create my posts using the Gutenberg blocks, so they are simply text blocks and image blocks. My issue is this: on the AMP pages, the photo captions are displaying vertically, instead of horizontally beneath the image as they properly do on the non-AMP version of the post. Any idea why?

    Here’s a sample post with AMP enabled:https://snipboard.io/nwVrcM.jpg

    Same post with AMP disabled:https://snipboard.io/0BOkst.jpg

    • This topic was modified 3 years, 10 months ago by rustyglessner. Reason: fixed links to sample pages

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Thanks for opening a support topic, while also providing screenshots of this behavior.

    As you’re using the Newspaper theme which features it’s own AMP templates I’m wondering does the same occur when you selection another theme?

    One workaround you may wish to try is to add the below CSS rule to your themes style.css or preferably a custom plugin so it doesn’t get overridden. Let me know if you need assistance with this. 

    [amp].wp-block-image .aligncenter>figcaption {
    display: inline-block;
}
    Thread Starter rustyglessner

    (@rustyglessner)

    Thanks for the reply. Ironically, I did reach out to my TagDiv/Newspaper tech support and they gave me the exact same answer (the custom CSS) and yes that solved the problem. Thanks!

    Great to heat that solved it, thanks for the update.

    Be sure to share your feedback on the AMP plugin so far if you’ve been a user for a while, we’d love to hear your thoughts.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Photo captions displaying incorrectly on AMP’ is closed to new replies.