yes, that does hide the problem.
When I said “can’t fix the problem” I meant I could not resolve the problem with a bit of quick css.
Twentyseventeen outputs the featured image in the header in this layout
div -> img
not the semantically correct div -> figure -> img etc your plugin outputs.
For some reason the wrapping div in the header is constricting the height of the featured image. Add enough text to the caption for 2 lines and it constricts the image size further.
Even without any caption content the plugin outputs the empty figure/figcaption tags, which the browser outputs as taking a bit of room and still constricts the size of the image a bit.
I have other templates in the child theme eg for events which display the featured image in the content, not the header. There are no such problems there. Everything works as expected.
Yes, this all points to it being theme (twentyseventeen) specific, which is pretty widely used. I will try to figure out why and where the theme applies a height constriction in the header.
BTW positioning the caption over the image does not resolve the problem.
-
This reply was modified 6 years, 8 months ago by
Marklcm. Reason: added note to bottom