WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Left hand border on sidebar (5 posts)

  1. Charles Cooke
    Member
    Posted 4 years 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

  2. Can you provide a link to your site please?

  3. Charles Cooke
    Member
    Posted 4 years ago #

    Hi crondeau,

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

    charlieatlantic

  4. 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.

  5. Charles Cooke
    Member
    Posted 4 years 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

Topic Closed

This topic has been closed to new replies.

About this Topic