Add dotted line between posts in Recent Posts (7 posts)

  1. BlondeCroatian
    Posted 3 years ago #

    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

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Something like:

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

    in your child's stylesheet should do it.

  3. BlondeCroatian
    Posted 3 years ago #

    It didn't do it :(

  4. fingli
    Posted 3 years ago #

    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

  5. LastForOne
    Posted 3 years ago #

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

    this should do it...


  6. BlondeCroatian
    Posted 3 years ago #

    Thanks!! That did it!!!

  7. WPyogi
    Forum Moderator
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic