Thumbnail issues

1. Auto-generated thumbnails: is it possible to reduce the resolution of the thumbnails? The auto-generated thumbnails load quite slowly on my website

After generating the thumbnail image, we store it using the WordPress media manager. During this process, WordPress will create several versions of the image (thumbnail, medium, large). But, we load the “large” image size on the thumbnail gallery to keep up the quality and this is creating the issue ??

Solution:

– Kindly open the following files,

/wp-content/plugins/all-in-one-video-gallery-premium/public/templates/video-thumbnail.php
/wp-content/plugins/all-in-one-video-gallery-premium/public/templates/video-thumbnail-image-left.php

– Find the line below,

$image = aiovg_get_image_url( $post_meta['image_id'][0], 'large', $post_meta['image'][0] );

– Change it as,

$image = aiovg_get_image_url( $post_meta['image_id'][0], 'thumbnail', $post_meta['image'][0] );

– Save the change and check now.

Hope this solved your issue!

I promise our next version will have this fix included.

2. How can I control the display size of the thumbnails on mobile devices? I would like to substantially reduce their size for better readability

Do you want to change the number of columns on the mobile devices?

Kindly try adding the following CSS code under “Appearance => Customize => Additional CSS” from your WordPress Admin Dashboard,

@media only screen and (max-width: 480px) {
.aiovg-col { width: 50% !important; }
}

Hope this solved your issue!

Kindly correct me If I have misunderstood your question.

• This reply was modified 3 years, 5 months ago by wpvideogallery.
• This reply was modified 3 years, 5 months ago by wpvideogallery.

Thank you for the prompt response!

1. Yes, that did the trick!
I changed it to “medium” rather than “thumbnail” because the thumbnail version was a bit too small.

2. Thank you, but I meant something else. I would like to retain the current column number (single column on mobile devices), but just to reduce the size of the thumbnail and its surrounding box.

Actually, the column size reduction CSS that you suggested is even better for my use case. Thank you! There is one small issue though, that some rows end up having a single video in them (with an “empty” spot), when the original row ends. E.g. if originally each row has 5 videos, then on the mobile version each third row will have only one video in it.

• This reply was modified 3 years, 5 months ago by etherx9.

Aah. I understand the issue. Each row in our gallery is wrapped using an “aiovg-row” DIV element. So, when you have a column count in ODD numbers, it creates an issue.

Solution:

Kindly try changing the number of columns to 4 or 6. This should solve your issue temporarily.

I promise our next version will have this issue addressed.

Hi,
I have faced similar issue and got solution from one blog and used wp rocket cache plugin. I hope this will help you.