Site logo

Archived topic

More than one featured image/post in blog

2 replies · Started by Morten on May 8, 2020

Viewing posts 1–3 of 3

I use GP-premium, and the blog module. Two colums and the featured image/post on top.

I want to have three featured posts before the two columns. One at the left. And two on the right, on top of each other.

I have spent numerous hours going trough the code, but I can not find any solution - at least one that I can understand with my coding knowledge - average plus.

Help wanted. Please do not suggest to use page builders! It would be easy, but no. I want to use Generatepress.

To my question. The widths must not necessarely be 50/50. It is the structure that is imorportant.

Hi there,

hmmm.... try this CSS:

@media (min-width: 769px) {
    .home:not(.paged) #main .generate-columns-container:not(.masonry-container) {
        display: grid;
        grid-template-columns: auto auto;
    }

    .home:not(.paged) #main .generate-columns.post {
        width: 100%;
    }

    .home:not(.paged) #main .generate-columns:first-child {
        grid-column: 1;
        grid-row: 1 / 3;
    }
}
This archived topic is closed to new replies.