Hi Simon!

Personally i have not tried but you can try a plugin such as this one https://wordpress.org/plugins/photopress-masonry-gallery/
If that does not work, You are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

Regards,
Yigit

Hi!

Please go to WooCommerce > Settings > Catalog > Image Options and adjust catalog image sizes and then regenerate thumbnails.
Can you create an example on your page so we can check it?

Regards,
Yigit

Hey!

One of the hardest part on wordpress is setting the correct image size that will suit your needs. The easiest solution is to resize the images before uploading them. Glad you figured it out for yourself. :)

Best regards,
Ismael

Hey!

Thank you for the links.

When creating the gallery or using the gallery element did you select an option on “Gallery Preview Image Size”? This should use the thumbnail size that you set and more or less give you more alignment on the gallery thumbnails. The problem is you’re mixing tall and wide images. I hope the gallery preview image size fix the issue.

Cheers!
Ismael

Hey!

Sorry if you’re having difficulty with the images.

This plugin will help you resize the images manually: http://wordpress.org/plugins/simple-image-sizes/

If you want to resize the image thumbnails, you can edit functions.php then find these codes:

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>710, 'height'=>270);		                 // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 );						// images for fullsize pages and fullsize slider

These are the list of thumbnail sizes that are use within the theme. You can resize them according to your needs. Regenerate the thumbnails after using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Ismael

Hey dstellagon!

Thank you for using the support forum!

The pages are not loading on my end. I’m not sure why. If I am not mistaken you’re talking about the Slideshow Image Size option which gives you the ability to select the thumbnail size that you’re going to use on the slideshow. The option will not resize the actual slider. The slider is set to inherit the size of its container, try adding it on a column layout and see what happens.

Since the page is not loading on my end, I will assume that you’re talking about the featured images on the blog overview page. You can remove those using this on Quick CSS or custom.css:

.page .big-preview {
display: none !important;
opacity: 0 !important;
}

Regards,
Ismael