can you set the post back to the normal type instead of image? i will take a look and see. it may be a simple css change.
Thread Starter
ccaley
(@ccaley)
I’ve set the post back to standard, and removed the captions, replacing them with text underneath in “preformatted” font.
This works responsively, but the caption text doesn’t look as nice. as it would if it was image caption text.
can you put one of the posts back the way you like it (the way that has issues) if you do that then i can look at the code and make a recommendation based on what i see.
Thread Starter
ccaley
(@ccaley)
Ok, I have set it back now… however not I can’t leave it leave it like this for long as I have just posted links now that it has been published with a workaround – http://www.christophercaley.com/re-the-origin-of-ideas
Thread Starter
ccaley
(@ccaley)
Here also is another test post that displays the formatting issue. http://www.christophercaley.com/test-post
I’m resetting the previous post to the workaround text now, as people are responding to it, and with this formatting issue, it’s not displaying to a standard I’m comfortable with.
Thanks for your help… let me know your thoughts,
try adding this to your custom css or your child-theme’s ‘style.css’ file
.wp-caption {
max-width: 100%;
}
Thread Starter
ccaley
(@ccaley)
I’ve added that to the end of my “style.css” but it hasn’t had any effect on http://www.christophercaley.com/test-post
The issue seems to still exist
did you add it at the very bottom? past all the media queries?
I looked over the css file that is being loaded in your page. i did not find an instance of that code anywhere. it seems like your theme is using some kind of minifier for the css file.
that code should do the trick. it’s just a matter of finding a way for you to get the code to appear.
Thread Starter
ccaley
(@ccaley)
Yes, it’s posted at the end.
I then turned off W3 Total Cache plugin, and it resolved the issue. However, turning it back on brings back the issue. I use W3 Total Cache on a couple of my other sites without any probs, so not sure the issue here.
Thanks for your help. I’ll try to find a way to get that code to appear with a more permanent solution.
is there a way to purge the old cache?
I found this video
How to clear W3 Total Cache’s Cache
I have never used that plugin so im not sure how else to help you
Thread Starter
ccaley
(@ccaley)
yes there is, I’ve tried emptying cache in the W3 Total Cache plugin – page cache, minify cache, everything. Turning off the minify setting seems to be the only way to get a result.
However. I’ve just noticed that the wp-caption code seems to work when resizing a desktop window, but the formatting is still broken when on Android (Nexus 5) on post http://www.christophercaley.com/test-post
iPhone 6 appears to be fine but on Android the caption seems to be formatting to a page width that is over double to width of the screen. I’ve cleared my phone cache also, but this doesn’t seem to fix anything.
Thread Starter
ccaley
(@ccaley)
Update, I turned the W3 TC plugin off and on, and the minify settings back on and it seems to be working.
You’re right, there must be some kind of cache issue preventing that code from showing for all browsers. In any case, I think it’s working now and the plugin is back on… so we’ll see how it goes!
Thanks so much for your help
