Archived topic

How do I add a vertical line on the inside of each sidebar

1 reply · Started by Keith Messinger on October 2, 2020

Viewing posts 1–2 of 2

October 2, 2020 at 1:18 pm #1469722

I want to separate the sidebars from the post using css, with a vertical line. So a line on the inside of each sidebar or a line on either side of the main content. Pretty sure I used to know how to do this but css has been neglected for a few years.

Thanks!

Keith
savethecolors.com

October 2, 2020 at 8:18 pm #1469927

Hi there,

So a line on the inside of each sidebar

That would be this CSS:

#right-sidebar {
    border-left: 1px solid #000;
}
#left-sidebar {
    border-right: 1px solid #000;
}

a line on either side of the main content.

That would be this:

.content-area {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

You could also consider using the separate container layout:
https://docs.generatepress.com/article/content-layout/

This archived topic is closed to new replies.

Start building better websites today.