Archived topic
Blog posts with Title overlay
5 replies · Started by Scott on November 24, 2017
Hello
I would like to have my GP blog page look like the main page on https://www.coindesk.com/ but i can't find how this can be done. Is it possible with GP or any plugins i can use to make this work please ?
thank you.
Hi there,
Which part specifically?
GP has the option to make first post featured? https://docs.generatepress.com/article/using-columns-in-the-blog/
Oh yea sorry, that was dumb. Specificly the top masonary tile grid with latest 8 posts. I would like that with the title overlay on image.
It's a rough concept, but it should work as long as you have the featured image set to display above the title:
.post-image {
position: absolute;
left: 0;
top: 0;
margin-top: 0;
}
.inside-article {
position: relative;
overflow: hidden;
}
.entry-summary {
display: none;
}
.post-image + .entry-header,
.post-image + .entry-header + .entry-summary + .entry-meta {
z-index: 999;
position: relative;
}
ok, not exactly what i'm after. I just wanted the first few to be like this not all posts. Can 'WP Show Posts' plugin do this ? From what i could see it only offers the title to be shown on hover. Does the pro version offer this ?
Also, can the GP Blog be told to start at an offset ? So if i used a plugin to show the first 8 posts in masonry grid.. can the blog in GP start from 9 onward ?
How many posts would you like to apply it to?
WPSP doesn't have this feature either - yet at least.
The GP blog is 100% WP, so you could use the pre_get_posts filter to set an offset: https://codex.wordpress.org/Making_Custom_Queries_using_Offset_and_Pagination#Offset_Using_pre_get_posts