Styling Recent Comments

  • Author
    Posts
  • #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 myannoyingopinions.com.

    #2025608

    hallluke
    Member

    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;}

    #2025609

    lizthefair
    Staff

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

    .recentcomments{
      border-bottom: 1px solid black;
    }

    or

    .recentcomments{
      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.

    #2025610

    lizthefair
    Staff

    now you have lots of options :)

    Hi hallluke!

    #2025616

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

    Thank you so much!

    #2025628

    lizthefair
    Staff

    It looks great. Glad it worked out :)

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