Left hand border on sidebar

  • Resolved Charles Cooke

    (@charlieatlantic)


    14 years, 10 months ago

    Hi,

    I want to add a border to the left side of the sidebar in the minimalism theme, so it appears as a line between the posts on the left and the widgets on the right. I’ve tried updating the #sidebar tags within the CSS but I’m getting no joy.

    Any ideas?

    Thanks,

    charlieatlantic

Viewing 4 replies - 1 through 4 (of 4 total)
  • Christine Rondeau

    (@crondeau)

    14 years, 10 months ago

    Can you provide a link to your site please?

    Thread Starter Charles Cooke

    (@charlieatlantic)

    14 years, 10 months ago

    Hi crondeau,

    Thanks for the reply! Yes, it’s currently at http://www.charlieatlantic.com/wp/

    charlieatlantic

    Christine Rondeau

    (@crondeau)

    14 years, 10 months ago

    Hi Charlie,

    In your styles.css look for this piece of code:

    /* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

    and change it to:

    /* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 10px;
margin-left: 545px;
width: 180px;
border-left:1px solid #666;
}

    This will make the sidebar slightly narrower, but there will also be a bit of padding between the border and the sidebar. The border is set to #666 which is the same grey as your headings. Just change the hex value to whatever colour you want.

    Thread Starter Charles Cooke

    (@charlieatlantic)

    14 years, 10 months ago

    Crondeau,

    Thank you so much for your help. I really appreciate it! I think you just taught me quite a lot as I had a play with some of the other elements, and they move around quite nicely if you change the padding settings.

    charlieatlantic

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Left hand border on sidebar’ is closed to new replies.