After updating WordPress to the latest version this issue appeared. All image captions across my site have lost their ability to wrap to the width of the image. This has caused a knock on text layout issue as the caption text pushes the alignment of the text columns into an unnatural position.
Will this be fixed in the next Newspaper update? I did update the theme and all plugin files to latest versions.
See example of the following pages (scroll down to images embedded in the posts) –
https://www.theirishplace.com/1141/dervish-whirling-irish-success-story/
https://www.theirishplace.com/1970/conserving-killilagh-church-doolins-historic-monuments/
Thanks,
Killian
Update: Problem solved after the updates and clearing the cache.
actually still having this issue. I can send screenshots. website is theirishplace.com
running theme v 8.5.1
Hi,
There was an issue with the captions on post images, it happened after the WordPress update. We fixed the issue among others, starting with version 8.2 of the theme so there should not be any problem.
Seems the issue is fixed at the moment from what I can see
– https://www.screencast.com/t/gavzXtrM7Zd
Thanks
Hey Simon,
It seems to still happen sometimes. Definately on mobile – see screenshot:
https://gyazo.com/8905b9ec2e65ab3f02c51e9cd2a9f878
(thats landscape view on iphone5, portrait the featured image was full width and the caption layout was correct.) Also same issue on ipad.
I think it also happens when i am logged in to the WP dashboard and looking at the frontend site pages.
Running theme version 8.5.1 with all updated plugins.
Thanks,
Killian
Hi,
Indeed it seems to happen when the mobile plugin is active, a smaller image (like thumbnail) inserted in the post content will look like this
Without mobile plugin – https://www.screencast.com/t/BYePrJ4LmHN
With mobile plugin active – https://www.screencast.com/t/cfGDIiAM
We will fix this issue for mobile as soon as possible, in the next theme update most likely. A quick fix would be to edit the mobile theme stylesheet and remove this !important tag
– https://www.screencast.com/t/CVXI6038QbE
Sorry for this inconvenience.
Thanks
Thanks Simion.. unfortunately not though. I don’t have the mobile plugin activated.
I tried editing the css as instructed – no difference.
K
Hi,
For me the images and captions display properly when the default responsive version is used. The issue was in the mobile theme plugin. Please provide a link to the post where this is happening on your website so we can inspect it. I have inspected some of the post on the website, there is no problem from what I can see
– https://www.screencast.com/t/HsmYX04ce
Thanks
Hey Simion… heres some examples…
for this page – https://www.theirishplace.com/2205/the-treaty-stone/
Scroll down to the image aligned right of the statue. Change the view to iPad/iPhone and you can see the text over runs the edge of the image (screenshot 1). If you then rotate the view to iPad/iPhone landscape the problem is more obvious (screenshot 2).
Screenshot 1 – https://gyazo.com/c55a2487f9c5e64a07801aa93ec5b9dc
Screenshot 2 – https://gyazo.com/6fc5326747e16128a529586bc63456eb
Thankyou
Hi,
I see the issue now, we will make more investigations and fix the issues. Please try to remove the !important tag in these locations, in the theme stylesheet
– https://www.screencast.com/t/Z41iUAA4rrA
– https://www.screencast.com/t/5VkaaZxJIjN
Then check the results in the post pages.
Thanks
Having amended the CSS as per your instructions the issue has been resolved.
Many thanks.
Has this been fixed in 8.6?
Hi,
Unfortunately not, do no worry it is on the list. The next theme update will surely resolve the issue. Sorry again for the inconvenience.
Thanks
Hi Simion,
I to have this problem but have gone ahead and changed the css style file. It did not work for me. Is there another fix? Thanks, Sam
Hi,
@fratermaui That temporary fix will work, I have tested it before providing it. It will fix the issue with the captions on images, when the images are aligned right or left in the post content, on certain devices.
If you have the same issue and you made the suggested modification, example (same for alignleft)
– https://www.screencast.com/t/IRbOmITI
– https://www.screencast.com/t/0yNPKhmNb
Then it could be a caching issue. Try to clear all caching installed. If there is still an issue please provide a link to the website post where the issue is happening, so we can inspect it.
Thanks
Same problem here.
I found that it’s another piece of Newspapers’ CSS that’s breaking alignleft and aligntight:
.wp-caption {
text-align: center;
max-width: 100% !important;
}
“max-width: 100% !important” is breaking the inline max-width set according to the image size. I removed that line, and everything works fine again.
If that max-width is needed by Newspaper elsewhere, it should have a more specific declaration that excludes captions inside post content.
From where I see it, it seems too simple to be fixed. It’s sad that an actual fix haven’t been shipped yet several updates after the bug was reported.
Hi,
The issue was fixed in theme version 8.2 since it was discovered, following the WordPress update. If that !important tag is still present in the theme stylesheet in your case, it means that you are using an older version. The theme since that release does not have the mentioned parameter in the stylesheet
– https://www.screencast.com/t/EKzXZZOXwwV
Thanks
