Using a table-based grid with 4 columns, I wanted to display an image with a link underneath. I used the following code:
<a href="[wpv-post-url]">[wpv-post-featured-image size='custom' width='100' height='180']</a>
[wpv-post-link style='display:block; font-size:11px;']
When I use this code, all the images are different sizes despite having set a custom size. Please see attached image.
When I remove the link and only have the image on display (as advised in the previous post), they are all the same size. Why is this?
Why can I not have any text displayed along with my image? Is there a solution to this?
I have been trying to reproduce the problem but have been unable to (see screenshot).
Do your featured images have the same aspect ratio?
When you specify a custom size with the wpv-post-featured-image shortcode, if that size image doesn't exist it will generate it, but unless you specify crop, the generated images won't necessarily be that size, depending on whether the aspect ratio of the source image matches the aspect ratio of your custom size.
Which means that the image sizes shipped to the browser won't necessarily match.
Without seeing your source images I'm not sure if that is the problem, but if the aspect ratio of the featured images isn't the same in all cases, you should consider setting the crop options.