Change comment section style

manya
asked 9 years ago

Dear Support Team,

I tried to implement Facebook comments, but it did not look nice so I removed it again. Since then, I feel like my comment section layout changed (not sure) – but anyway, I would like to modify it and don’t know how. Check the comment section on this post, for example: http://www.whatsonweibo.com/islaminchina/

Questions:

How do I change the title "5 responses to [name of article]" simply to "Comments" ?
I would like to make the font of the comment section larger, how would I do it?
Is there anyway to put each comment in a box or something? Right now, they’re standing close to each other, without a clear border between them.
How would I reduce the top & bottom margins? (from 1st comment to title of comment page, and from last comment to "leave a reply")?
I want to remove the number in front of each comment (1., 2., etc) How would I do it?
Lastly, I would love to implement Facebook comments together with the wordpress comments, but the Facebook comment plugin puts the Facebook comment section right below the article text, and thus creates 2 different comment fields (1 for facebook, 1 for wordpress comments). Is there any way I could make them go together?

Really appreciate your help!

Regards!

1 Answers

DominicStaff
answered 9 years ago

Hi,

Please send me username & password of your site (via private answer) for further checking.
To change the comment font size, you can add the following code to the style.css file:
.commentlist { font-size: 16px;}

You can add the following code to the style.css file:

.single-post .comment-body {
border: 1px solid #ddd;
padding: 10px;
margin-top: 16px;
}

To resolve this issue, you use the following code:

.single-post .navigation {
height: 0;
padding: 10px 0 0;
}

You can add the following code to the style.css file:

ol.commentlist {
list-style-type: none;
}
li.comment {
display: inherit;
}

Of course! you can use the Facebook Comments plugin, you can refer here: http://www.designwall.com/question/able-to-use-facebook-comments/
Note: Add the following code under line 26:
```
<?php echo do_shortcode('[fbcomments][fbcomments url="http://peadig.com/wordpress-plugins/facebook-comments/" width="375" count="off" num="3" countmsg="wonderful comments!"]'); ?>
```
See the screenshot: http://prntscr.com/792ezr
Hope this helps !