Blog Entry list not making a thumbnail

  • Resolved Justin Tuijl

    (@static1635)


    10 months, 3 weeks ago

    Hi, I’ve been fiddling with this for sometime but not working it out. I’ve selected thumbnail for the featured image in the blog entry list but it’s big, and if I change the vales for the custom image height/width all it does is ruin the quality but the image stays the same size. I could make a thumbnail size image and use that but that would be annoying. I have changed some CSS:

    .blog-entry.post .thumbnail img
{
  width: 50%;
}

    Which has made the image more sensible but then the container is still large. I’ve not been able to nail down the container size.
    I’d rather the image was a proper thumbnail and the content wider.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @static1635,

    Remove your custom CSS, instead of that, use the following CSS:

    @media(min-width:1280px) {
    .blog-entry.thumbnail-entry .thumbnail {
        width: 20%;
    }
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    You can edit this: https://postimg.cc/rR14VvzD.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

    Thread Starter Justin Tuijl

    (@static1635)

    Thank you. For some reason the thumbnails will not change. I suspect something else is keeping them large (50% of the area)

    Thread Starter Justin Tuijl

    (@static1635)

    So I changed this to 100% and now the formatting with your code has sorted it:

    .blog-entry.thumbnail-entry .blog-entry-content
{
  width: 100%;
}

    So all that was added:

    @media(min-width:750px) {
    .blog-entry.thumbnail-entry .thumbnail {
        width: 20%;
    }
}

.blog-entry.thumbnail-entry .blog-entry-content
{
  width: 100%;
}

    Thanks for your help!

    • This reply was modified 10 months, 3 weeks ago by Justin Tuijl.

    You are welcome,
    I’m glad that you were able to resolve that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Blog Entry list not making a thumbnail’ is closed to new replies.