Archived topic

Grid design / styling

1 reply · Started by Yoeri on January 31, 2019

Viewing posts 1–2 of 2

January 31, 2019 at 12:40 am #797349

Hello,

I'd like to have a grid archive like this: https://www.authorityhacker.com/blog/2/

First question: How can I configure this?
Second: is it easy to style the boxes like these with custom CSS? I mean the overall look of the styling. Meta data may still be above the post title/excerpt.

Thank you in advance! :)

January 31, 2019 at 8:20 am #797777

Hi there,

something like this will get you started with your current layout - it should still work if you add columns to your blog:

.blog .inside-article {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.blog .post-image {
    margin-left: -30px;
    margin-right: -30px;
}
.blog .post-image img {
    width: 100%;
    object-fit: cover;
}

This archived topic is closed to new replies.

Start building better websites today.