WordPress.org

Support

Support » Themes and Templates » Separating sidebar items using lines or boxes?

Separating sidebar items using lines or boxes?

  • table4five
    Member

    @table4five

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • JoshuaIsaac
    Member

    @joshuaisaac

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

    .yourclass {

    border: 1px dotted #333;

    }`

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

    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

    table4five
    Member

    @table4five

    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;

    JoshuaIsaac
    Member

    @joshuaisaac

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Separating sidebar items using lines or boxes?’ is closed to new replies.