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 https://tacklingmommyhood.com

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

  • Something like:

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

    in your child’s stylesheet should do it.

    Thread Starter BlondeCroatian

    (@blondecroatian)

    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

    Thread Starter BlondeCroatian

    (@blondecroatian)

    Thanks!! That did it!!!

    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.