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.

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.

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 *.

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

Latest From Divi Booster

How to Add the Post Status in Divi's Dynamic Content

Divi's Dynamic Content feature is great for enhancing your post/page templates with post-specific information. While Divi includes an option to show information such as the Post Created Date using Dynamic Content, there is no equivalent option for the Post Status....

Fix Divi Text Module "Regular" Font Weight Not Working

Are you encountering an issue where the font weights in Divi's Text Module don't seem to apply as expected? In particular, you might find that when you set the text module's body text font weight to "Regular", your font is actually assigned a weight of 500 instead of...

Make the Divi Gallery Module Swipeable

The Divi Gallery Module comes with a slider mode that lets you display images in a slider with clickable left/right arrows to scroll through the images. For mobile / touchscreen users, you can improve the user experience by allowing your user to swipe to navigate to...

How to Use Divi Dynamic Content in Woo Modules Product Selector

Divi's Dynamic Content is a powerful feature that lets you populate your Divi modules and theme builder templates with data pulled in various sources, such as custom fields. This allows for efficient organization and maintenance of your sites.Unfortunately, Divi's...

Random Divi Posts