[Resolved] Feature-image display

Home Forums Support Feature-image display

  • This topic has 7 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1014059
    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

    #1014060
    Leo
    Staff
    Customer Support

    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 🙂

    #1014425
    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

    #1014602
    Leo
    Staff
    Customer Support

    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 🙂

    #1014627
    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

    #1014628
    Leo
    Staff
    Customer Support

    Edited the code above.

    Can you give it another try?

    #1014631
    An Nguyen

    Hi Leo,

    It’s cool. Code works perfectly!

    Thanks Leo.

    #1014715
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.