Skip Navigation

[Resolved] Images not displaying properly

This support ticket is created 4 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 4 replies, has 2 voices.

Last updated by Waqar 4 years, 11 months ago.

Assisted by: Waqar.

Author
Posts
#1513667

I am trying to:
Get the images to display uniformly (as they have previously)

Link to a page where the issue can be seen:
hidden link

I expected to see:
The image sizes displayed uniformly

Instead, I got:
Image sizes vary

#1514825

Hi Douglas,

Thank you for contacting us and I'd be happy to assist.

From the code of those images, it seems that your view is set to show the images in their original sizes.

For example:
( ref: https://toolset.com/documentation/customizing-sites-using-php/functions/#image )


[types field='image-field-slug' title='%%TITLE%%' alt='%%ALT%%' size='full'][/types]

But if you'll open those original images, you'll not that they don't have the same dimension/orientation.

These images have landscape dimension/orientation:
hidden link
hidden link
hidden link
hidden link

While these two have a portrait dimension/orientation:
hidden link
hidden link

If you'd like to show your images as uploaded, without any cropping, please make sure that the uploaded images have the same dimension/orientation.

On the other hand, if you're fine with showing the cropped thumbnails of those images, you can use the "large" size thumbnail instead:

Example:


[types field='image-field-slug' title='%%TITLE%%' alt='%%ALT%%' size='large'][/types]

By default, WordPress uses 1024 px value as the max height and width of the images in the "large" sized thumbnails.

You can read more about the image thumbnail sizes and media library settings from:
hidden link
hidden link

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#1515461

Thank you for the help so far!

I have adjusted the code, but the images still aren't displaying properly hidden link

Can you help me further?

Thank you!

#1516231

Thanks for the update and sorry to learn that the issue still persists.

It is strange because, with the same steps and similar images, I was able to show them uniformly, on my test website

Can you please share temporary admin login details, so that I can see how this view is set up in the admin area?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

#1517743

Thank you for sharing the admin access.

During troubleshooting, I noticed that your website is using the "WP Offload Media Lite" plugin for serving media library files from a CDN.

That plugin is intercepting WordPress default image thumbnail functionality to serve only the images in their original sizes from the CDN.

To confirm this, you can temporarily disable that plugin and you'll note that images will show in uniform dimensions.
( example screenshot from my test website: hidden link )

To fix this, you can consult "WP Offload Media Lite" plugin's support team to see if it can be made to work with WordPress's image thumbnail functionality.

If not, you can either switch to a different CDN plugin or upload these images again, but in uniform dimension/orientation.