WordPress.org

Ready to get started?Download WordPress

Forums

Separating sidebar items using lines or boxes? (5 posts)

  1. table4five
    Member
    Posted 7 years ago #

    My blog is Table for Five, running the 3K2 theme, with widgets. I would like to separate my sidebar items with dashed or dotted lines, or possibly put them in boxes, something so that they don't all just run together. Could someone help me out with the CSS for that? A link to your site so I can see how it looks would be appreciated as well!

  2. JoshuaIsaac
    Member
    Posted 7 years ago #

    ul li {
    
    border: 1px dotted #333;
    
    }'
    
    or
    .yourclass {

    border: 1px dotted #333;

    }`

    Two sites that use this:
    http://amiepowell.com
    http://joshuaisaac.com any

  3. whooami
    Member
    Posted 7 years ago #

    JoshuaIsaac,

    Not to thread hijack but if you happen to know the person behind amiepowell.com you might want to take a look at what itlooks like in ie6. The big images are causing the sidebar to drop in ie6

  4. table4five
    Member
    Posted 7 years ago #

    Thank you Joshua Isaac. I'm not exactly sure where in the stylesheet that goes, though. Here?

    .secondary ul li, .secondary ol li {
    margin: 0;
    padding: 1px 0;
    }

    .leftbar ul li, .leftbar ol li {
    margin: 0;
    padding: 1px 0;

  5. JoshuaIsaac
    Member
    Posted 7 years ago #

    Yes, like so...

    .secondary ul li, .secondary ol li {
    margin: 0;
    padding: 1px 0;
    border: 1px dotted #333;
    }

    Assuming that the .secondary class is that which the border should surround.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags