Archived topic

Changing distance between posts on blog Archive

1 reply · Started by Miloš on January 20, 2022

Viewing posts 1–2 of 2

January 20, 2022 at 5:11 am #2087092

Hi guys,

Is there a way for me to increase distance between blog posts on archive page, without affecting padding on the right or left side and making the block of posts off center?

I tried adding this css, but it makes block of posts off center and makes the entire .content-area div smaller:

.generate-columns {
    padding-left: 50px;
}

Hope that makes sense :D

Thanks!

January 20, 2022 at 5:54 am #2087130

Hi there,

if you just want to change the spacing on the archives then try this CSS:

@media(min-width: 768px) {
    .generate-columns-container {
        margin-left: -40px;
    }
    .generate-columns-container .generate-columns {
        padding-left: 40px;
    }
}

The padding-left value sets the gap, and margin-left has to offset it to keep the same width container position. So if you want a 30px padding gap, then change margin-left to -(neg) 30px

This archived topic is closed to new replies.

Start building better websites today.