Stop Divi from Cropping Feature Post Heights

Written by Dan Mossop

The Divi Theme sets a maximum height on featured post images at 675px. If you upload an image taller than this it will be cropped. You can prevent this behavior by increasing the maximum height (to about 1000px) by adding the following filter to your functions.php file:

add_filter('et_theme_image_sizes', 'yourprefix_remove_featured_post_cropping');

function yourprefix_remove_featured_post_cropping($sizes) {
	if (isset($sizes['1080x675'])) { 
		unset($sizes['1080x675']); 
		$sizes['1080x9998'] = 'et-pb-post-main-image-fullwidth';
	}
	return $sizes; 
}

Please note that this only applies to images uploaded after the code is added, so you may need to re-upload any images that are currently being cropped.

We may earn a commission when you visit links on our website.

Check out Divi Booster

Divi Booster upgrades Divi with hundreds of new features to help you build awesome sites with ease. Whether you're looking to prevent image cropping or enhance other aspects of your site, Divi Booster provides the tools you need.

Latest Posts

Adjust Lightbox Arrow Size in Divi Gallery

Customize the size of the navigation arrows that appear in your gallery lightbox so they’re easier to see and aligned with your site’s design. Whether you want larger, more accessible controls or a subtler look, setting a precise arrow size creates a more polished...

Change Lightbox Arrow Color in the Divi Gallery Module

Make the lightbox navigation arrows in your Divi Gallery match your brand and stand out against your images by assigning a custom color. This improves visual consistency, enhances accessibility with better contrast, and elevates the overall browsing experience for...

Change the Divi Gallery Module Grid Image Scaling

Divi’s Gallery module offers a great way to showcase images, but it can sometimes stretch or crop them in unwanted ways. This article explains how to manage the module’s image scaling behavior to ensure your images are displayed at the correct size and aspect...

Set Custom CSS IDs for Individual Divi Accordion Items

Assigning unique CSS IDs to specific Divi Accordion items allows for precise control over styling, targeting, and linking within your page content. This ability is particularly useful when you want to apply custom designs or create anchor links to particular accordion...

Enable Swipe Navigation in the Divi Gallery Lightbox

Enabling swipe navigation in the Divi Gallery module's lightbox allows users to seamlessly browse through gallery images by swiping left or right, creating a more interactive and mobile-friendly experience. This functionality can significantly improve user engagement...

About Dan Mossop

Dan is a Scottish-born web developer, now living in Brisbane with his wife and son. He has been sharing tips and helping users with Divi since 2014. He created Divi Booster, the first Divi plugin, and continues to develop it along with 20+ other Divi plugins. Dan has a PhD in Computer Science, a background in web security and likes a lot of stuff, 

9 Comments

  1. You have no idea how much I struggled to fix this.

    Same as Kassidi, simply pasted your code at the end of functions.php and worked like a charm. It even worked for the previous posts (although I only had 5 previous posts, this might be good news for someone)

    Again, thank you so much

    Reply
    • You're very welcome, Azu! I'm glad it helped and thanks for the info on the previous posts.

      Reply
  2. Thanks for this! I pasted it at the bottom of the functions.php and it fixed the problem of the featured image cropping. Very helpful, I appreciate it!

    Reply
    • You're welcome, Kassidi. Thanks for letting me know how you got on!

      Reply
  3. Many thanks, it worked

    Reply
  4. Hi, sorry if this is a rather newbie question but, can someone please inform what I should replace "yourprefix" with in this code? Is that the site url, or.. what exactly? Thanks!

    Reply
    • Hey Eric, you can leave it as is, or change it to something of your choosing (avoid punctuation / spaces, and apply it consistently throughout). Basically, I use a different prefix when I write the code for my Divi Booster plugin and to avoid any conflicts between Divi Booster and code copied from my posts I change the prefix to "yourprefix". You may like to change it again to avoid the situation where another plugin, etc, uses my code unmodified but that shouldn't be too common. I hope that makes sense.

      Reply
  5. Very usefull,thank you !

    Reply
  6. Thanks !
    it worked !

    Reply

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.