Styling Recent Comments

myannoyingopinions · Member · Aug 30, 2014 at 9:49 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
hallluke · Member · Aug 30, 2014 at 9:59 pm
Copy link
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;}
lizthefair · Staff · Aug 30, 2014 at 10:00 pm
Copy link
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.
lizthefair · Staff · Aug 30, 2014 at 10:01 pm
Copy link
now you have lots of options :)

Hi hallluke!
myannoyingopinions · Member · Aug 30, 2014 at 11:09 pm
Copy link
Great! I tried all of them and liked the dotted border the best.

Thank you so much!
lizthefair · Staff · Aug 30, 2014 at 11:20 pm
Copy link
It looks great. Glad it worked out :)

No items found.