Issue with FSM Custom Featured Image Caption and Query loop within FSE template

  • Resolved Decimus

    (@decimus)


    9 months, 2 weeks ago

    It has taken me a while to work out the dependencies for this issue.

    We’ve been using your FSM Custom Featured Image Caption plugin for a long while to add the caption to feature images on post pages.

    The link uses in “Link to the page you need help with” is currently the 2nd of the 3 most recent posts.

    We have recently moved from a classic theme to a FSE theme in this case Ollie.

    The Single Post template has at the bottom a Query Loop Group that shows the “Three Most Recent Posts”.

    If you happen to be viewing one of those Three Most Recent Posts, then where the feature image is generated by Query Loop box in “Three Most Recent Posts” at the bottom of the post it also shows the caption. This has caused an issue where we had a long issue. Short-term I’ve shorted the caption and added a “mock” caption at the top of the post!

    Is there a way to stop the feature image caption from appearing in the Query Loop generated display at the bottom of the post?

    As mentioned above, It only add the caption to the Query loop if you happen to be viewing one of the 3 most recent posts, otherwise your plugin works well.

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

Viewing 1 replies (of 1 total)
  • Thread Starter Decimus

    (@decimus)

    The issue of FSM not working nicely with FSE block theme templates that use a query loop is fixed.

    Our thanks to Carles Grau of Fesomi the developer of FSM Custom Featured Image Caption for working though this with us.

    Our particular FSE block theme is Ollie. We added some CSS into the theme style settings. In our case: Appearance | Editor | Styles – click on the pencil (Edit Styles) then Additional CSS (or the 3 vertical doat if no CSS has yet been added).

    Here is the CSS. We are REALLY happy that this CSS fix works and we can keep using FSM Custom Featured Image Caption with a Query loop within our FSE theme. The final line of the code deals with the fact that within the Query loop for the Featured image settings you can choose the aspect ratio of the Featured image. In our case we use a classic 3:2 aspect ratio. It works nicely if you choose Original size. So that all the Featured images in the Query loop were uniform we chose an aspect ration of 3:2. Without “aspect-ratio: inherit;” the Feature image clashes with the text.

    /* Fix for FSM Custom Featured Image Caption to stop caption appearing in Query Loops that include a Featured Image.  Our thanks to Carles Grau of Fesomia for providing this fix */
    body.single ul figcaption.wp-caption-text {
      display: none;
    }
    body.single ul .wp-caption.featured {
      margin-bottom: 0;
    }
    figure .wp-caption.featured {
      aspect-ratio: inherit;
    }

    Our thanks to Carles Grau of Fesomi for helping us fix this glitch so we could continue to use FSM Custom Featured Image Caption with out FSE theme.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.