Archived topic

Add space between posts columns

3 replies · Started by Anas on February 25, 2020

Viewing posts 1–4 of 4

February 25, 2020 at 2:50 am #1176036

Hi :)

I have 2 questions..

1. How to increase the space (1) between the two posts columns? And the space (2) between the right posts column and the side bar? https://imgur.com/D83UB2I

2. How to shorten border bottom (of the right side bar's widgets) length, so it will be a space between the border bottom of the widget and the border left of the side bar.
Here's how it looks on my website: https://imgur.com/NNK0lF7 and here's how I want it to look like: https://imgur.com/0EtThiM

February 25, 2020 at 10:11 am #1176584

Hi there,

1. That should be the separating space option:
https://docs.generatepress.com/article/separating-space/

2. CSS border doesn't allow length setting unfortunately.

Maybe we can apply it to the last item in the widget like this?

#recent-comments-2 li:last-child {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}

Or you can try this method:
https://stackoverflow.com/questions/4131490/any-way-to-limit-border-length

February 28, 2020 at 6:20 am #1179538

Thanks! It worked.

February 28, 2020 at 8:57 am #1179853

No problem :)

This archived topic is closed to new replies.

Start building better websites today.