[Support request] Changing distance between posts on blog Archive

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 1 reply, 2 voices, and was last updated 4 years, 2 months ago by David.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
January 20, 2022 at 5:11 am #2087092
Miloš
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 😀

Thanks!
January 20, 2022 at 5:54 am #2087130
David
Staff
Customer Support
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
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.