emilyhein727,
What plugins you installed for comments?
Because on your website, comments looks not like on demo.
http://themes.fruitfulcode.com/fruitful/template-comments/#comments
I have CommentLuv plugin which simply shows a link of what the commenter last posted, and that’s it. I don’t have any comment plugin. This is how it’s looked since I have been using Fruitful.
Hi, Emily. Try adding copying this into the Custom CSS option of the theme (Appearance > Theme Options > Custom CSS):
#comments .commentlist .comment {
border: 1px solid #ccc;
padding: 20px;
margin-top: 20px;
}
The border values add a solid border that is 1px in width that is gray; if you want the gray lighter, you can try #ddd or #eee.
The padding value adds 20px of spacing within the box, so that the contents aren’t butt-up against the edges.
The margin-top value of 20px adds 20px of spacing before the top of the box, adding some separation.
Go ahead & play around with the values until you find a combination that you like.
I just noticed that your comments are also getting numbered/bulleted. Add this as well:
#comments ol, #comments ul {
list-style: none;
}
Thank you! Those worked perfectly!