captions width and image resizing in browsers 781-1199px wide.

[Daniel]

Daniel

April 27, 2014 at 7:29 am

Hi Ben,

Previously you provided me a css snippet to force captioned images to resize automatically figure.wp-caption {width: auto !important;}

This worked well, but I recently had a caption that was wider than the image above it and the caption didn’t wrap – I determined it was due to this css.
I then removed the width:auto snippet above to see if there had been fixes and the caption wrapped, but other images on my site didn’t resize properly at certain widths.

At fullwidth(1200px wide window) images appear fine, and at anything lower than 780px they’re fine. But when the window/device is between 781px and 1199px wide the images will overlap/not correct their width.

I tried to work this out myself but unfortunately didn’t get that far even after I decompressed your CSS.

An example of this is here: *Login to see link If you drag your window to a smaller size you’ll see the two map images overlap. If I delete the caption, OR re-add your snippet above the images resize perfectly. But I need the ability to add long captions!

I hope that’s clear enough.

Cheers