The Divi theme includes the option to replace the standard WordPress gallery with a Divi-style gallery (which, while not a module, resembles the galleries generated by the Gallery Module). By default the gallery image sizes are cropped to 400x284px. Here's how to change the thumbnail size.
Resize the Images with PHP
There is no option to change the thumbnail sizes on the front-end. There is, however, a way to do it using PHP.
First, you need to add the following PHP code to your site:
1 add_filter('et_theme_image_sizes', 'db_resize_divi_gallery_images'); 2 3 function db_resize_divi_gallery_images($sizes) { 4 unset($sizes['400x284']); 5 $sizes['225x225'] = 'et-pb-portfolio-image'; 6 return $sizes; 7 }
Related Post: Adding PHP to the Divi Theme
That will let you change the default size of the images. You can change the 225×225 part of the code to get a different size. Keeping the width / height the same will give you square images.
Finally, once the code is added you need to regenerate the images with a plugin such as this:
https://wordpress.org/plugins/regenerate-thumbnails/
Once installed, go to "WP dashboard > Tools > Regenerate Thumbnails" and click regenerate. You should only need to do it once to resize your existing images. After that, newly uploaded images should be resized correctly on upload.
0 Comments