WordPress.org

Ready to get started?Download WordPress

Forums

Add lines between widgets (7 posts)

  1. railcrew
    Member
    Posted 4 years ago #

    "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

  2. akasuna
    Member
    Posted 4 years ago #

    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

  3. railcrew
    Member
    Posted 4 years ago #

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

  4. akasuna
    Member
    Posted 4 years ago #

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

  5. railcrew
    Member
    Posted 4 years ago #

    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

  6. kristel_ttm
    Member
    Posted 3 years ago #

    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

  7. kristel_ttm
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags