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. It offers a variety of options to adjust image display, streamline your process, and avoid tedious coding. Let Divi Booster enhance your site effortlessly!

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.