[Support request] How do I add a vertical line on the inside of each sidebar

[Keith Messinger]

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

[Leo]

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/

[Author]

Posts