You need to add the following code to your child themes function.php file. With this method, we are going to disable the automatic cropping for featured images. This way all of the featured images will have the same size for your blog page. You will note in the images on the right that for my square thumbnails, the thumbnails’ and the amethyst-smallest-image-size. You are now at the screen used to set the crop location for your thumbnail or featured image sizes. There is a Crop Featured image button below the image. When you upload a featured image for your post, Divi will automatically crop it. Add a featured image to your post as usual. entry-featured-image-url Method 2: Stop Divi From Cropping Featured Images Then go to Divi > Theme Options > CSS and place the following snippet.
Place in the CSS field the class mh-blog-16-9. Open the Blog module and go to the Advanced tab. That will work better because these images are getting cropped for landscape. I have created CSS snippets for the most commonly used aspect ratios:įor portrait sizes, I recommend doing the second method. We are going to change this aspect ratio with CSS. When you upload a featured image Divi use an aspect ratio of 16/10 for this image. You will need to crop them yourself however this will give you a bit more control over the outcome of the featured image Method 1: Use CSS to change the aspect ratio of the featured images You only have to add a CSS class and a snippet and you’re done.įor the second method, we are disabling the automatic cropping in Divi. The first method is great if you have a ton of blog posts. Method 2: Stop Divi from cropping featured images.Method 1: Use CSS to change the aspect ratio of the featured images.The 2 methods I will be covering in this tutorial: In this tutorial, I will be covering 2 methods on how you can change the featured image size for Divi. Divi comes with tons of features but unfortunately, you cannot yet change the featured image sizes for your blog.