Home › Forums › Free Themes › Mega Blog › Featured image odd problem..

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2020 at 7:30 pm #140728
    DanielHolly
    Participant

    So I have had a this problem in the past but this time my normal fix isn’t fixing it.
    The featured image sometimes gets cropped.
    You can see it here. https://www.jdgraham.net/hmgillustration/category/illustration/

    The images are the same size and they show up different. The first post seen here has a uploaded featured image that is 850px high and when it uploads it crops it to 545px high.
    In the past I have had to make sure it was 850 or under but this time I cannot get it to not crop the image no mater what I do.
    Any help would be appreciated.
    Daniel

    December 14, 2020 at 3:08 am #140748
    Psink
    Keymaster

    Hello @Daniel

    Try this Css Code. This will help you to make height of all posts image same size ( i.e 450px )

    .blog-posts-wrapper .featured-image img {
    height: 450px;
}

    If you want to change height of image, you can change in above css as per your flavor.

    Please follow my instruction to add above css in the theme
    Go to Admin Panel >> Appearance >> Customize >> Additional Css, there paste the above Css code then published and refresh. You will see changes

    Let us know if you have any further confusion

    Regards
    Psink

    December 14, 2020 at 7:44 am #140771
    DanielHolly
    Participant

    Psink,
    Thanks for the reply, I tried the CSS you sent. That distorted the image rather than allow the entire image to be used.

    I feel like it is an odd wordpress glitch maybe since I can see if it is going to work when I change the featured image. I can see the thumbnail gets cropped. Is there a way I can send an image for you to see so I do not have to leave up the distorted one?
    For right now Im going to take off the CSS so it doesn’t look odd till I we can sort it out.

    December 16, 2020 at 4:38 am #140884
    Psink
    Keymaster

    Hello @DANIEL

    I have recently visit your site. I see there all of images in category are slightly different size.

    Please add this Css code in Additional Css to make all images same size 

    .blog-posts-wrapper .featured-image img {
    width: 100%;
    height: fit-content;
}

    Hope this helps

    Regards
    Psink

    December 30, 2020 at 9:33 pm #141724
    DanielHolly
    Participant

    Psink,

    I tried the code and it distorts all the images. You can see it here.
    https://www.jdgraham.net/hmgillustration/category/illustration/

    What should I do now?
    Thanks
    Daniel

    January 2, 2021 at 10:56 am #141850
    DanielHolly
    Participant

    I cant leave the site like this so please let me know when you are able to look at it.
    Thanks so much
    Daniel

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.