Site logo

Archived topic

How to display properly thumbnail image in excerpt post.

15 replies · Started by Immi on July 23, 2019

Viewing posts 1–15 of 16

Hello David Sir,
I have added a thumbnail in all post excerpts now the problem is my some excerpts text showing the left side that is looking bad.

And second is blank space looking between the thumbnail and excerpt text. Please provide some code to display it looking like the attached image

https://www.screencast.com/t/9xQynDvexu

I think that you mean I should delete the installed cache plugin which is WP Rocket.

okay, I have temporarily deleted it.

No Need to delete it. Just deactivate it when you open a support topic so we can actually inspect the code properly.

Edit this CSS:

.blog .entry-summary, .archive .entry-summary {
    font-size: 15px;
    color: #666666;
    margin-top: 9px;
    border-bottom: 2px solid #DDD;
    letter-spacing: .5px;
}

to this:

.blog .entry-summary, .archive .entry-summary {
    font-size: 15px;
    color: #666666;
    margin-top: 9px;
    border-bottom: 2px solid #DDD;
    letter-spacing: .5px;
    overflow: hidden;
}

Let me know :)

Thanks Leo,
Can you help me to reduce blank blank space that is looking between the thumbnail and excerpt text.

Try this CSS;

.post-image-aligned-left .inside-article .featured-image, .post-image-aligned-left .inside-article .post-image {
    margin-right: 1em;
}

Let me know :)

Thanks, Leo,
I want to display it in also for mobile devices the same as attached below picture.

**

Try this:

@media (max-width: 768px) {
    body:not(.post-image-aligned-center) .inside-article .post-image {
        float: left;
        text-align: inherit;
    }
}

Thanks, Leo
I'm also seeing more blank space in left of the thumbnail please help me how to reduce it.

Hmm Exactly,
The thumbnail image is not responsible for Mobile devices and it's possible to add "Read" More in excerpt text.

Thanks, Leo

Thanks Leo,
I'm seeing that thumbnail image are not responsive for Mobile devices.

The featured images are responsive by default and there is no way to actually turn it off.

You have a very small featured image so it's the exact same size on desktop and mobile:
https://www.screencast.com/t/EnHKcH4W

Thank You, Leo,

This archived topic is closed to new replies.