Hi!

It’s because of the thumbnail that is being used in the events template. Add this in the functions.php file:

add_action( 'after_setup_theme', 'ava_image_sizes', 10 );
function ava_image_sizes() { 
	add_image_size( 'square', 260, 185 );
}

Regenerate the thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Ismael

Hi tech500!

Thank you for using Enfold.

The masonry items loaded fine when I checked the page initially. Try to install a cache and minify plugin to improve loading speed. Or follow the solution provided here: https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-433895

The thumbnail that is being use in the masonry element is the masonry thumbnail with a max width and height of 705px. This is important to cover taller and wider images which is what the masonry element needs, flexibility. And since the masonry column container is percentage base, there’s no way to set a specific thumbnail size without compromising the image ratio and proportion. To make a long story short, any page with the masonry element in it will have a hard time passing the google image optimization test without tinkering with the core theme files. However, you can decrease the thumbnail size and then regenerate the thumbnails (https://wordpress.org/plugins/simple-image-sizes/) or you can use this plugin to compress image file size even more: https://wordpress.org/plugins/wp-smushit/

Best regards,
Ismael

Hey!

Use this for the big magazine item:

.av-magazine-hero .av-magazine-thumbnail a:before {
  content: '';
  background: #000 url(https://69.36.167.36/bnm-2015/wp-content/uploads/2015/05/post-default-thumb.jpg) no-repeat center center;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}

Use a larger thumbnail image and adjust the width and height.

Regards,
Ismael

Hey Nancy!

Have you regenerated thumbnails after the changes? If not, please do so using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Yigit

Hey!

We set the crop parameter to false so that images can keep the aspect ratio. Example, if you have a person inside an image, you don’t want his/her head to get cut off, do you? This also applies in the images inside your gallery, there’s a chance that important parts of the images will get cut off if you set the crop parameter to true. That’s why it is disabled. If you don’t care about that, use this plugin: https://wordpress.org/plugins/simple-image-sizes/

Set the crop parameter, adjust the size then regenerate the thumbnails. Make sure that the size of the images is more than the set thumbnail (300x300px for example).

Cheers!
Ismael

Hey mexi33330!

Thank you for using Enfold.

We would like to see the actual site with the issue. Note that selecting the thumbnail or preview image size will not change the actual size of the slider container. The slider will inherit the size of the parent container.

Cheers!
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.portfolio-details-inner .avia-gallery-thumb img {
  width: 80px!important;
  height: 80px;
}

or go to Settings > Media and increase thumbnail image size and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Yigit

Hi!

The lightbox use the Large thumbnail size in Settings > Media panel. Set the max width and height to 9999. Regenerate the thumbnails after.

Regards,
Ismael