[Resolved] Custom Layout on Category Archive Pages

Hi there.

I would do this:

1. Customizer > Layout > Blog and set the Columns to 3 and Make First Post featured.

2. Use the Block Element – Content Template to design your post templates for those in the Columns – for the posts displayed in the columns. Set the Display Rules to your Category Archives and Save it.

https://docs.generatepress.com/article/block-element-content-template/

Then create a second Block element – content template this one is for your Featured Post.
But when you create the element – set the Apply to: First Post. Then in the Parent field select the first block element you created.

3. We will need some CSS to change the columns from 3 to 4 – which i can help with if you can set the above up and share a link to the site.

NOTE Regarding image sizes – i wouldn’t bother creating various size images, they would only be applicable to a desktop device where performance and network speed won’t be a problem. On mobile devices i assume all posts will be displayed in a single column, and therefore all the same size.

Awesome – so glad to hear that 🙂

If you use Headline Block to display the List of Terms then there is the Term separator field in the dynamic data drop down, just leave that field empty.

Try adding this CSS to adjust the columns:

@media(min-width: 1024px) {
    .generate-columns-container  article:nth-child(n+9) {
        width: 25%;
    }
}

Not yet.
We’re working on that for the new year 🙂

You’re welcome