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!
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 !
Please login or Register to submit your answer