Photo captions display differently

[Kit Marsden]

Hi, I’m just noticing that photo captions in GeneratePress display differently when you post from the WordPress mobile app (specifically, I’m using the latest version of the app on an iPhone running iOS7).

Compare this post, which I just posted from my WordPress dashboard on my laptop – http://www.manek.org.uk/2015/08/24/seyo-day-3-tutti-rehearsals/ – where the photo caption displays as it should, with this one – http://www.manek.org.uk/2015/08/24/seyo-day-3-combined-windbrass-and-percussion-sectionals/ – which I posted from my iPhone using the WordPress app, and where the captions are all slightly too low so they don’t line up properly with the bottom margin of the image.

Any idea why this would be??

Thanks,
Kit Marsden

[Tom]

Hi Kit,

Not sure why that’s happening, but can you see if adding this CSS will fix it?

.wp-caption a img {
    position: relative;
    vertical-align: bottom;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kit Marsden]

Hi Tom, thanks for that. That has fixed the post I linked to where the captions didn’t display properly… Weirdly, however, it hasn’t fixed this one, which was having the same problem, and still is: http://www.manek.org.uk/2015/08/22/seyo-day-1-percussion-sectionals/

[Tom]

Try this as well:

.wp-caption img {
    position: relative;
    vertical-align: bottom;
}

Not sure why this is necessary on your site – there must be some conflicting styles somewhere. Haven’t noticed this issue anywhere else.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kit Marsden]

Thanks, that’s great. Makes sense with one image being a link and the other not (I should’ve thought of that!). No, I don’t know why that is either – and why it’s only on posts sent from the mobile WordPress app, as well – but that seems to have fixed things so thank you so much.

One of the reasons I love GeneratePress (aside from the fact that it looks so good) is the quick and helpful support I always get!

[Tom]

Glad it’s working!

Always happy to help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts