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 Posts

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

Disable Slide-In Animation for Divi Gallery Grid Images

Control how images appear in your Divi Gallery module by toggling the slide-in animation effect for grid layouts. Disabling the slide-in animation allows gallery images to load instantly and appear statically, providing a faster and distraction-free browsing...

Control Image Count Display in Divi Gallery Lightbox

Displaying or hiding the image count in the Divi Gallery module’s lightbox can help customize the user experience, depending on whether you want to give visitors an indication of gallery progress or prefer a cleaner, distraction-free view. The ability to toggle this...

Hide Gallery Image Titles in the Divi Lightbox Overlay

Displaying image titles in the lightbox overlay of the Divi Gallery module can sometimes be distracting or unnecessary, depending on your website’s design and user experience goals. Hiding these titles creates a cleaner and more focused viewing experience for visitors...

Random Posts