WordPress.org

Support

Support » Themes and Templates » Add lines between widgets

Add lines between widgets

  • “Twenty Ten” 1.1 I really like this theme. I would like to know how I can add visible lines between the widgets in my (single) right sidebar. Also I would like a line between posts, just after the meta info

Viewing 6 replies - 1 through 6 (of 6 total)
  • Try this:

    In style.css find

    #content {
    	margin: 0 280px 0 20px;
    }

    and change it to

    #content {
    	margin: 0 250px 0 20px;
    	border-right: 1px solid #CCC;
    	padding:15px;
    }

    This will add a thin grey line to the right hand side of your content.

    see here

    Ok, that worked fine, looks good! but what I really want is a Horizontal line between each individual widget, (and also each post) Thanks!

    .post {
    	border-bottom: 2px solid #CCC;
    	padding:15px;
    }
    .widget-container {
    	border-bottom: 2px solid #CCC;
    	padding:15px;
    }

    add this code to end of style.css

    see demo, Ugly!

    Thanks! I came to reply that I figured out the widget area:

    }
    .widget-container {
    	margin: 0 0 18px 0;
    	border-bottom: 1px solid #CCC;
    	width: 290px;

    now I’ll go hunt down the post, thanks

    Why that does not work for me ? I mean the line between the posts and the widgets of the sidebar. Is that because I do it in the css of the child theme ?

    http://www.djpromo.nl/wordpress

    ok sorry i figured it out. It did not work if I pasted the code on the botton of the child css. But on the top, it works like a charm.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add lines between widgets’ is closed to new replies.