WordPress.org

Support

Support » Themes and Templates » Add dotted line between posts in Recent Posts

Add dotted line between posts in Recent Posts

  • When I was using WordPress.com, there was a nice dotted line between the posts listed in my Recent Posts.

    Now, there is no type of divider or anything before the name of the post to “separate” the posts out.

    I was hoping to put a dotted dashed line between the posts…. or maybe some kind of symbol like “>>” to appear before the post titles so that people can more easily differentiate the different posts.

    My website is http://tacklingmommyhood.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    @esmi

    Forum Moderator

    Something like:

    aside .widget widget_recent_entries li {
    border-bottom: is pc dashed #ccc;
    }

    in your child’s stylesheet should do it.

    It didn’t do it 🙁

    Try with

    .widget_recent_entries li {
    border-bottom: 1px dashed #F00;
    }

    P.S. color #F00 is just as example, the actual link color in your theme is #800080

    .widget.widget_recent_entries li {
    border-bottom: 1px dotted #000;
    }

    this should do it…

    Peace,
    ./LastForOne

    Thanks!! That did it!!!

    WPyogi

    @wpyogi

    Forum Moderator

    Looks like you also have a syntax error in your child theme stylesheet – which is likely why the first suggestion did not work:

    footer.entry-meta {
    	margin-top: 7px;
    	margin-top: 0.5rem;
    	padding-bottom: 7px;
    	padding-bottom: 0.5rem;
    	padding-right: 28px;
    	padding-right: 2rem;
    	font-size: 21px;
    	font-size: 1.5rem;
    	font-family: 'Dancing Script', cursive;
    	line-height: 1.5;
    	text-align: left;
    	text-decoration: none:
    }

    You have a colon, not semi-colon after “none” on the last line.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add dotted line between posts in Recent Posts’ is closed to new replies.