WordPress.org

Support

Support » Themes and Templates » [Resolved] Left hand border on sidebar

[Resolved] Left hand border on sidebar

  • 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

    Volunteer Forum Moderator

    Can you provide a link to your site please?

    Hi crondeau,

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

    charlieatlantic

    Christine Rondeau

    @crondeau

    Volunteer Forum Moderator

    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.

    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 ‘[Resolved] Left hand border on sidebar’ is closed to new replies.