Support

July 27, 2017 at 4:20 pm

.et_post_meta_wrapper img {
max-width: 200px;
}

or whatever size you actually want should do it.

July 27, 2017 at 11:34 pm

In this case a screenshot of the issue isn’t what we need to find out which of Divi’s styles need to be overridden. If you can post a link to the page in question we can check the CSS on that page and share a suggested fix.

July 28, 2017 at 6:08 am

Hi there,

The top and bottom of the image have been cropped, you can’t fix that with CSS, this is the image that is loading on the page:

http://www.silkbowevents.com/wp-content/uploads/2017/06/Charity-Boxing-Flyers-620×675.jpg

Note that the top and bottom has already been cropped, so regardless of what size you set using CSS it will always look like that.

Looking through the code for Divi I can’t anywhere that will allow you to set a full fix image to load without completely overriding the template for EE (which is a bit excessive just for the thumbnail).

Can you check with Divi support to see how you can force Divi to load the full size feature image, not the cropped et-pb-post-main-image-fullwidth version it is loading now?

July 28, 2017 at 3:24 pm

Hi Paul,

That screenshot doesn’t actually prove anything 🙂 Yes you only have a single image in the library, but you will have multiple copies of that image on your server, all at different sizes.

When you upload an image to WordPress it creates multiples of that image, one for each size that has been added to your site, Divi adds multiple sizes so if you look within the /wp-content/uploads/ directory of your site and find your original image you’ll actually see something like this – http://take.ms/bHGZk

All I have done there is install Divi locally, save the original image from your site (the full size one) and upload it to my site, WordPress (and Divi) does the rest.

In EE – Events section i have added that image and it shows full size. I have NO idea why its loading a cropped image. Nothing is set to be cropped. So why is EE using a cropped image ?

The sites theme has complete control of the featured image, not EE, so it’s not EE loading that image, its Divi.

You’re correctly selecting the full image, but Divi (not EE) is loading one of its own sizes when the image is output to the page. I know this because when I uploaded the image above and tested this locally, I get the exact same problem with Divi and I traced back the code within the theme to find out whats going on.

There is a solution to we can give you, but it involves either completely overriding the Divi template for EE events and forcing it to output a specific size image (the full-size image), or completely overriding the function that Divi is using to determine which image size it should output.

(Again note both of the above fixes are overriding what Divi is doing, not EE)

That’s rather extensive just to fix an issue with the image so it’s best to confirm with Divi support that it doesn’t have the option to load only the full-size image for the featured image that I’m missing.