NeosporinHello,
When a user posts a comment, instead of showing up in separate paragraphs or broken up lines, it ends up being one gigantic paragraph and it's super hard to read! If I go in and edit the comment, I can break it up into pieces, but I am getting more comments these days and it's a pain to have to edit each one. I've done some research but I cannot find which property in my CSS I need to modify. I am using a custom template, so the suggestions I found on this forum do not apply.
Could someone check the CSS of my comments section and give me a few suggestions? Much appreciated!
/* Comments */
div.comments-trackbacks h2 {
color: #f30;
margin-bottom: 0;
background: url(../image/icon-postcomments.png) left center no-repeat;
padding-left: 23px;
}
div.comments-trackbacks h3 {
margin-bottom: 0;
}
ul.commentlist, ul.commentlist ul {
list-style-type: none;
}
ul.commentlist ul {
margin-left: 10px;
}
ul.commentlist li {
margin-left: 0;
}
ul.commentlist li.comment {
margin-bottom: 20px;
padding-left: 10px;
}
ul.commentlist li.comment.even {
border-left: 2px dotted #0066FF;
}
ul.commentlist li.comment.odd {
border-left: 2px dotted #f30;
}
ul.commentlist li.comment div.comment_author_avatar {
float: right;
margin-left: 10px;
}
ul.commentlist li.comment div.comment_author {
font-weight: bold;
font-size: 1.1em;
}
ul.commentlist li.comment div.comment_date {
font-size: 0.8em;
}
ul.commentlist li.comment div.comment_content {
text-align: justify;
font-size: 1em;
padding-left: 10px;
font-style: normal;
}
pkenjora
