Hey monsterdmkt,

Thank you for the inquiry.

It’s possible that the gallery is set to use a specific thumbnail in a different format, usually jpg or png, which is the WordPress default when generating thumbnails. Try to edit the horizontal gallery, go to the Styling > Gallery panel, then set the Image Size settings to No scaling to use the original image source.

If the issue persists, please create a test page and provide the URL in the private field.

Best regards,
Ismael

Hi,

We are not encountering this issue on our end, and there have been no similar reports from other users, so this is probably related to your server configuration or specifications. Where is the site hosted, and what are the server specs?

If you have access to your PHP configuration or php.ini, try to add the following options:

max_execution_time = 300
memory_limit = 512M
upload_max_filesize = 20M

You can also add it in the .htaccess file in the root directory of your WordPress installation.

php_value max_execution_time 300
php_value memory_limit 512M
php_value upload_max_filesize 20M

Another thing you could try is disabling the thumbnails generated by the theme using this filter in the functions.php file:

add_action('init', 'ava_remove_enfold_image_thumbnails');
function ava_remove_enfold_image_thumbnails() {
  remove_image_size('square');
  remove_image_size('featured');
  remove_image_size('featured_large');
  remove_image_size('portfolio');
  remove_image_size('portfolio_small');
  remove_image_size('gallery');
  remove_image_size('magazine');
  remove_image_size('masonry');
  remove_image_size('entry_without_sidebar');
  remove_image_size('entry_with_sidebar');
  remove_image_size('shop_thumbnail');
  remove_image_size('shop_catalog');
  remove_image_size('shop_single'); 
  remove_image_size('shop_gallery_thumbnail');
}
add_filter( 'intermediate_image_sizes_advanced', 'ava_intermediate_image_sizes_advanced_mod' );
function ava_intermediate_image_sizes_advanced_mod( $sizes ) {
 unset( $sizes['large']);
 unset( $sizes['medium_large']);
 return $sizes;
}

We recommend reaching out to your hosting provider for additional assistance.

Best regards,
Ismael

Hey waveseven,
This is due to the default image compression settings, Enfold unpacks the original file and generates new thumbnail sizes without applying compression, resulting in larger file sizes, especially for larger dimensions like “featured”, “featured_large”, and “extra_large”. This occurs because the theme sets the default JPEG quality to 100, which is higher than the typical WordPress default of 80, and the generated files are not compressed during the resizing process.
To change the compression of new thumbnail sizes, add this code to the end of your child theme functions.php file in Appearance ▸ Editor and adjust to suit.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 60; return $quality;}

For thumbnails already created you will need to regenerate the thumbnails

Best regards,
Mike

Hi,

Since we adjusted the size of the thumbnail, the aspect ratio changed. To address that, please add this css code:

.big-preview img, .small-preview img {
    object-fit: cover;
    height: 82px;
}

Please review the css code above to eliminate the dotted line and make the featured image full width on mobile view. You can also post the login details in the private field so we can check the modification.

Best regards,
Ismael

Hey Taha,
Thanks for your patience, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1);
function custom_modified_thumb_sizes(array $sizes) {
    $sizes['tab_thumb'] = array('width' => 260, 'height' => 80, 'crop' => true);
    return $sizes;
}

then upload a new image, then add your image to the image element:

then go to the style tab and select the new size:

the backend may show the full uncropped image, but the frontend will show the new image size.
After testing, if you want all of your images to have this new size, install the Regenerate Thumbnails plugin and run it.
Since your new size won’t work will for most images changing 'crop' => true); in the code to 'crop' => false); won’t help, unless you are uploading a image that is already 260×80, or a multiple of that aspect ratio without cropping.
For example, this image was a very large image, and after Regenerate Thumbnails it shows the in the new size:

Best regards,
Mike

Hi,

Thank you for the update.

To increase the size of the thumbnail, please add this filter in the functions.php file:

function avf_post_featured_image_link_mod( $image_link, array $current_post, $size ){
  $image_link = get_the_post_thumbnail( $current_post['the_id'], 'full' ); 
  return $image_link;
}
add_filter( 'avf_post_featured_image_link', 'avf_post_featured_image_link_mod', 10, 3 );

Then, include this css code inside the css media query to remove the dotted line:

.responsive #top #main .sidebar, .responsive .post_author_timeline, .responsive .template-blog .blog-meta {
    display: none;
}

Best regards,
Ismael

Hi,

We added the filter in the functions.php file. To adjust the size of the shop thumbnails, you can configure the options in the Appearance > WooCommerce > Product Images panel.

Best regards,
Ismael

Hi,

Thank you for the update.

It might be due to the srcset attribute, which allows the browser to select different versions of the image from the available thumbnails based on the current screen size and the device’s DPI. DPI is an important point here, because the browser will not necessarily pick the smallest version on a small phone if the device’s DPI is around 2.5, for example. It will recalculate and compensate for the high-resolution screen and select a larger version of the image, in the case of the first slide, the original version of the image, which is 1335×1333px.

— https://html.com/attributes/img-srcset/

Best regards,
Ismael

Hi,

It’s not a bug. The default sizes of the entry_without_sidebar and entry_with_sidebar thumbnails are 1210x430px and 845x321px, respectively. The filter above adjusts the maximum thumbnail dimensions to 9999, allowing the thumbnails to be displayed at their original size.

Best regards,
Ismael

Hey ellkam,

Thanks for reaching out.

Try to completely remove the image from the Media > Library, then add this code in the functions.php file:

function avf_customization_modify_thumb_size( $size ) {
      $size['entry_without_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      $size['entry_with_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      return $size;
}

add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );

This should set the maximum width and height of the thumbnail. Upload the image again afterward.

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this code in the Quick CSS field to keep the thumbnail slide navigation from moving.

.ls-thumbnail-slide {
    margin-left: 0 !important;
}

Let us know the result.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

We enabled the Project Settings > Navigation > Show Navigation Buttons > Slide Navigation Buttons, then added this css code to make the thumbnail navigation fullwidth.

.ls-noskin .ls-thumbnail {
    top: 0px;
    width: 100% !important;
}

View post on imgur.com

Best regards,
Ismael

Hi,

We checked every thumbnail in the srcset attribute, and none of them are missing, but it looks you’ve opted to hide the column and image on smaller screens. The image does display when we manually toggle its visibility.

Would you mind creating a test page and apply the same content as the homepage?

View post on imgur.com

Best regards,
Ismael

Hi,

At first, it’s probably a trade-off between quality and performance when it comes to images. The filter we suggested above was added to balance the two and give users the option to adjust them based on their requirements. If we’re not mistaken, setting the quality to the maximum didn’t previously result in thumbnails with overly large file sizes, or we would never have set it as the default. It’s only recently that this has been happening or reported. Please keep the quality around 70 for now, then use an image compression plugin (Smush, Shortpixel etc) to further optimize the images.

We’ll forward this thread to our channel.

Best regards,
Ismael

Hi,

Thanks for reaching out.

The theme automatically increases the image quality to 100%, but the WordPress default is only 82%. This can be adjusted by using the following filters in the functions.php file:

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 60; return $quality;}

We recommend setting this to 70 or lower, then install an image compression plugin such as ShortPixel or Smush to further reduce file size and optimize the images. You may need to regenerate the thumbnails after the quality adjustment.

— https://wordpress.org/plugins/force-regenerate-thumbnails/

Best regards,
Ismael