Add variation to archive post page

Hi there,

it would require a little CSS to do that - if you want to set up the Featured Post i would be happy to look at whats required.

Hi there,

I've set up the featured post.

Thanks

Try something like this:

.featured-column .inside-article {
    display: flex;
}
.featured-column .post-image {
    width: 60%;
}
.featured-column .entry-header {
    width: 40%;
}

Awesome, can we just increase the padding from the image to the text and remove the white space below?

Thanks

Give this a shot:

.no-featured-image-padding.featured-column .post-image {
    margin-left: -18px;
    margin-right: 10px;
    margin-bottom: 0 !important;
}
.featured-column .inside-article {
    padding-bottom: 0;
}

Looking good! Can we get the post category to sit alongside or beneath the publish date? Can we also disable this for mobile and tablet devices, please?

Thanks in advance.

Try this CSS instead:

@media (min-width: 769px) {
    .generate-columns-container .featured-column {
        float: none;
        width: 100%;
    }

    .featured-column .inside-article {
        display: grid;
        grid-template-columns: 60% 40%;
        padding-bottom: 0;
    }

    .no-featured-image-padding.featured-column .post-image {
        grid-column: 1 / 2;
        grid-row: 1 / 6;
        margin-bottom: 0 !important;
        margin-right: 12px;
    }

    .no-featured-image-padding.featured-column .post-image img {
        vertical-align: bottom;
        height: 100%;
        object-fit: cover;
    }

    .no-featured-image-padding.featured-column .entry-header {
        grid-column: 2;
        grid-row: 1;
    }

    .no-featured-image-padding.featured-column footer.entry-meta {
        grid-column: 2;
        grid-row: 2;
    }

    .no-featured-image-padding.featured-column .entry-summary {
        display: none;
    }
}

That's great thanks a lot for your help.

Glad we could be of help