Styling Recent Comments

  • Author
  • #2025544

    Hello, I have Custom Design and I’m looking for a little CSS help.

    My blog uses the Able theme and I use the “Recent Comments” widget. The “problem” is that the list of recent comments doesn’t clearly separate the different comments, especially when one link goes over two lines. Ideally, I’d like to either add some space between the comments links and/or indent the second line of each comment.

    Any assistance greatly appreciated!

    The blog I need help with is



    Here’s something you might want to try, you can always remove the border and change the size of the margin:

    ul#recentcomments li {margin-bottom:5px; padding-bottom:5px; border-bottom:#ccc dotted 1px;}



    Here are a couple options. I like the line between the comments better than the space, but you make the call :)

      border-bottom: 1px solid black;


      padding-bottom: 20px;

    If you like the line, but don’t want it to be black, let me know and we can change that as well.



    now you have lots of options :)

    Hi hallluke!


    Great! I tried all of them and liked the dotted border the best.

    Thank you so much!



    It looks great. Glad it worked out :)

The topic ‘Styling Recent Comments’ is closed to new replies.