Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Support request] Featured image in posts are coming out of the container

Home Forums Support [Support request] Featured image in posts are coming out of the container

Home Forums Support Featured image in posts are coming out of the container

  • This topic has 6 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #556224
    Amit Nair

    Hi,

    I am not sure when this change happened. Earlier it was alright.

    My featured images in the posts are coming out of the container frame. This is happening to all the posts.

    You could check an example for yourself. Thanks for the help!

    GP Premium 1.6.2
    #556226
    Amit Nair

    For now, I have unchecked the ‘Display featured images’ for Posts. Please enable it, so you could check the issue.

    #556580
    Leo
    Staff
    Customer Support

    Hi there,

    You have this CSS added:

    .single .site-main img {
        padding: 40px 40px 40px 40px;
    }

    Removing it should fix it.

    #556668
    Amit Nair

    Hi Leo,

    I had used that CSS after working with you on another problem. The other problem was that the images in my blog posts had no space between them and the text. I just wanted padding for the images in the post (that is the images I included as a part of the post) and not the featured image itself.

    The featured image should not have any padding.

    So please suggest, so that I can have both.

    #556717
    Leo
    Staff
    Customer Support

    Do you always use align center for the images?

    If so this CSS should work better:

    .single .site-main img.aligncenter {
        padding: 40px 40px 40px 40px;
    }
    #556735
    Amit Nair

    Hi Leo,

    Not necessarily. I have my images aligned to the left, center and right as well.

    #556872
    Leo
    Staff
    Customer Support

    Ok in that case, try giving the images an extra class, like image-padding, then use this CSS:

    .single .site-main img.image-padding {
        padding: 40px 40px 40px 40px;
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.