- This topic has 2 replies, 2 voices, and was last updated 9 years, 9 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Home › 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 –
`.sidebar {
border-left: 1px solid #12335e;
display: inline;
float: right;
font-size: 0.875em;
line-height: 1.5em;
padding-left: 20px;
width: 280px;
}`
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.