Featured image intrinsic sizes causing pixelation

[ajumbra]

We are having an issue with our features images appearing pixelated in the posts. We just uploaded a 1920×1277 image that looks crisp in the media library (see attachment). But when we view it in the post, it’s pixelated. It looks like there’s some code that is forcing it down to an intrinsic size of 550×400 (see attached file), but on larger screens it has to then increase the image size to fit the post width and it’s causing a big difference in the quality of what you actually see on the site.

– We have “retain image height” enabled in the theme’s blog settings
– We do not have an image size of 550×400 in our WordPress media settings, so I assume these dimensions are coming from some place else.

How can we ensure that our featured images aren’t being forced to downsize and then upsize?

Thank you!

[Veena]

Can you pls try the below custom CSS in themeoptions > custom CSS tab –

.single img.featured {
    width: auto;
}

[ajumbra]

Hmmm… that doesn’t really solve our problem. That just makes the image size 550 x 400 (which is not the size of our image) and we need it to fill the width. Let me put it another way. How do we get rid of or change that 550×400 image size that’s being forced on our blog post featured images? Where is the code for that? When we inspect it, it looks like it’s coming from this code:

img[Attributes Style] {
width: 550px;
height: 400px;
}

How do change/remove that?

[Veena]

Can you pls share a link to the page ?

[ajumbra]

This reply has been marked as private.

[Author]

Posts