Site logo

Archived topic

The thumbnail is aligned with the title

3 replies · Started by Fitron on January 1, 2020

Viewing posts 1–4 of 4

Hello,

I am using GP premium and I want to make a Lates post on homepage like in the IMAGE THIS: (the small thumbnail images on the left and the post title aligned on the right thumbnail)

Can someone out there help me, I see no option that fits in the "site library" generatepress.

Hi there,

You can:

1. Set your featured image location to above the title: https://docs.generatepress.com/article/adjusting-the-featured-images/
2. Set your featured image alignment to "left".
3. Reduce the size of your featured images.
4. Set your excerpt length to 0
5. Add this CSS:

.entry-summary {
    display: none;
}

That should get you most of the way. If it's not quite there, feel free to link us to the site and we'll help with the rest :)

Hello tom, thank you for your fast response.
I forgot to include, for the mobile view only

I've been following your guide tom and I added this code: (to set the size of thumbnails on mobile view)

.post-image-aligned-left .img post-image {
		max-width: 100px;
	}
}

Now step to align the thumbnail with the title of the post (thumbnail at right and title on the left)

UPDATE! I've done this and successfully, I get the code on this forum.

Awesome, is everything set up the way you want now?

Let me know :)

This archived topic is closed to new replies.