[Resolved] Feature-image display

[An Nguyen]

Hi All,

I have an issue that feature-image on post displays not full container. It has padding around the image. I already uncheck padding in customizes->post.

Thanks

[Leo]

Hi there,

The container is 700px in width including the padding but your featured image is only 500px in width which means it’s not wide enough to fill the container without the padding.

Let me know if this helps 🙂

[An Nguyen]

Hi Leo,

You’re right. This maybe one of plugin forces to resize the image smaller than the container. However, I uploaded a new image with size larger than the container and the issue is still there. The left and right of image fit to container but the top of image still has a padding above. Could you fix this without affect the layout of other pages?

ps: Autoptimize turn-off. You can view the link of this post that included a new image.
Thanks

[Leo]

That option is only supposed to remove the left and right padding.

Try this CSS:

body.single.post-image-below-header.post-image-aligned-center .inside-article .featured-image {
    margin-top: 0;
}
body.single.separate-containers .inside-article {
    padding-top: 0;
}

I’ve targeted single posts only.

Let me know 🙂

[An Nguyen]

Hi Leo,

When I add your code, it will have a negative effect on my blog layout and categories pages. Now, you click on my blog and cats and you will see clearly.

Thanks

[Leo]

Edited the code above.

Can you give it another try?

[An Nguyen]

Hi Leo,

It’s cool. Code works perfectly!

Thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts