Archived topic
3 Column blog archive with 1st post full width
5 replies · Started by Leanne on May 12, 2021
I'm trying to create a blog archive page using the new Block - Content Template. I've created one for the first post and then another for the rest of the posts that are styled differently. From what I've seen in the support forums, I can't control the grid (yet) through elements, but I need to do it through Customizer.
In customizer under Layout > Blog I have it set to 3 column and make 1st post featured turned on. This sets the first post to span 2 columns and then there's a second blog post in the 3rd column and then underneath it's 3 columns.
How do I get the featured post to span across 3 columns?
Loving these new element options! Can't wait to see how this evolves.
Hi Leanne,
I like the design! We should be able to make it happen with some CSS.
Can you first switch the theme structure from Float to Flex under Customizer > General?
It should make things easier.
Let me know :)
Whoops! I thought I was with flex. Switching the layout from Beaver Builder over to GPP/GBP.
It's switched to Flex now.
Try this CSS:
.featured-column.generate-columns.grid-66 {
width: 100%;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Beauty! Thanks Leo
Looks like when I switched from Floats to Flex it messed up the logo in the navigation. I guess the way it's done has changed but with some clicking around I was able to get it back to how it should be again.
No problem :)
