+ Reply to Thread
Results 1 to 2 of 2

Thread: Add a Light, Dashed Border to Sidebar

  1. #1
    Join Date
    Nov 2009
    Posts
    1

    Default Add a Light, Dashed Border to Sidebar

    I'd like to set off the sidebar from the main column content with a vertical border on the left side of the sidebar.

    Anyone know how to do that?

    Many thanks, and great work on this theme!

  2. #2
    Join Date
    Feb 2009
    Posts
    605

    Default

    Open style.css and add the border to your content div:

    Code:
    #content { 
    width: 500px; 
    padding: 0 40px 0 0; 
    float: left;
    border-right: 1px dashed gray; /* add right side border */
    }
    Now change the padding to make room:

    Code:
    #content { 
    width: 500px; 
    padding: 0 20px 0 0;  /* decrease right padding */
    float: left;
    border-right: 1px dashed gray; 
    }
    And add some to the sidebar:

    Code:
    #sidebar { 
    width: 230px; 
    float: left; 
    padding-left: 19px;
    }
    Let me know if that works.





    Quote Originally Posted by Dusibello View Post
    I'd like to set off the sidebar from the main column content with a vertical border on the left side of the sidebar.

    Anyone know how to do that?

    Many thanks, and great work on this theme!

+ Reply to Thread

Similar Threads

  1. container border
    By wcwells2 in forum Community Exchange
    Replies: 2
    Last Post: 05-04-2010, 09:13 PM
  2. No ads in the sidebar - help :-(
    By ianjmatt in forum Sidebar
    Replies: 1
    Last Post: 09-15-2009, 04:04 AM
  3. Replies: 2
    Last Post: 11-18-2008, 03:30 PM
  4. Replies: 8
    Last Post: 04-23-2008, 02:14 AM
  5. How to Cut, Light and Smoke a Cigar.
    By jnachtigal in forum Social Buzz
    Replies: 7
    Last Post: 02-20-2008, 03:15 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts