To adjust the size and spacing of the images in your thumbnail grid, you can use the following CSS.Read More… This document explains how to change the thumbnail size in the Portfolio Posts Pro plugin. It's composed of many images of different sizes. I've added an option into Divi Booster (under "Modules > Gallery") to easily control the number of images per row and their size:. The gallary thumbnail size is defined as a square with sides of 100px. Hello people, I have a little trouble with my galery images. These are the thumbnail, medium, large and full-size options. The image sizes that WordPress creates aren’t set in stone. It can be either cropped to same height as width (1:1) or set to a custom aspect ratio or set to not crop at all (which means the aspect ratio will be whatever you choose to upload). Thanks for the nice read! The Divi Theme’s portfolio module gives you the option of displaying your projects as a series of thumbnails (grid view). It also creates this new thumbnail size when new images are uploaded in WordPress. Do you know if there’s a way to get that ridiculously large max thumbnail size in Divi a lot smaller? As in Eileen’s case, my client wanted to have blog post listing to have more of a traditional look with smaller images on the left and the text on the right. The thumbnail are in landscape format. I hardly ever use images wider than 1920 px, so that could save a lot of file size. WordPress creates these options because using different locations for placing images will require different image resolution. Reply The Divi Theme's image gallery module gives you the option of displaying your image gallery as a series of thumbnails (grid view). Since changing the thumbnail size was a necessity, it came down to picking the shiniest of two turds: changing Divi’s actual theme files or finding a way to hack it with JavaScript. You can change the default width and height values by adding a filter to your child theme’s functions.php file. This tweak allows you to change those values to square, portrait, or any custom size you need. Imagify can’t or won’t resize below this maximum thumbnail size, and I suppose other compression tools have similar settings. By default, the Portfolio Posts Pro plugin will load 400 x 284 thumbnail sizes in the layout. Unfortunately or not, the Divi Theme uses huge thumbnail images when displaying your blog posts or when you are using the blog module in the Divi Builder. You can set the dimensions for the thumbnail size (used in the catalog) in customizer. The first three options are called default WordPress images sizes, while the full-size option is the original image size that you upload. Divi's default image sizes for the Blog and Portfolio modules are set at 400 x 284. The Divi Theme’s image gallery module gives you the option of displaying your image gallery as a series of thumbnails (grid view). Technical Details – Changing Gallery Grid Image Sizes. Since I didn’t want to lock the client into never updating the site’s copy of Divi, JS was my turd of choice. To adjust the size and spacing of the images in your thumbnail grid, you can use the following CSS: ... add_image_size( 'custom-portfolio-size', 400, 400 ); // End custom image size for Portfolio Module. Thumbnail size (150px square) Medium size (maximum 300px width and height) Large size (maximum 1024px width and height) Full size (full/original image size you uploaded) Changing WordPress Default Image Sizes.