Problem with featured image on blog post

Hey Anna,

Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

Hi,

Thanks for that. The featured image will always display at 100% width of the screen, and then image you have selected is only 600 pixels wide. That means it will stretch and not look very nice. As a rule of thumb, it’s better to select horizontal images as you featured image. We can give you CSS to display them as they are, but it’s might not look very nice.

Best regards,
Rikard

Hi Anna,

Thanks for the update, please try the following in Quick CSS under Enfold->General Styling, it will display your featured images at their natural size and centered on the screen:

#top .fullsize .template-blog .big-preview img {
    width: auto !important;
    display: table;
    margin: 0 auto;
}

Best regards,
Rikard

Hi,

I checked the image and it’s 317×422 pixels, and that is the same size it’s displaying at on the front end as well. Maybe you could verify that you have selected the correct image as your featured image? If you make it bigger using CSS then it will start losing it’s sharpness, so it’s not something I would recommend that you do.

Best regards,
Rikard

Hi,

I see the same thing on my end as well, though I can’t reproduce it on my local installation. I see that you have the Regenerate Thumbnails plugin active, did you change anything regarding image sizes maybe?

Best regards,
Rikard

Hi,

Sorry for the late reply. I’m not too familiar with that plugin unfortunately, did you try to check the settings to see if you can see what has been changed or if you can change it back? You could also try to deactivate it to see if that makes any difference.

Best regards,
Rikard