Homepage › Community Forums › Legacy Theme Support › Adding line or border around sidebar
Tagged: sidebar styling
How would I go about adding a blue line to the left of the sidebar to separate it from the main content? How would I modify the CSS?
My mock site is http://www.jmmlifecoaching.com Thanks!
If I wanted to maybe just shade it like the welcome box on the home page, where would I add the background code (background: #f2f2f2;) in the Stylesheet?
To add a border to your sidebar, you can take a look around line 1435 in your css for – “.sidebar” and add in code similar to this –
border-left: 1px solid #12335e;
Notice I added “border-left” (the border itself) and “padding-left” (to add space to the left of the sidebar)……you can start off with this and make your adjustments as needed.