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:

  1. How do I change the title "5 responses to [name of article]" simply to "Comments" ?

  2. I would like to make the font of the comment section larger, how would I do it?

  3. 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.

  4. How would I reduce the top & bottom margins? (from 1st comment to title of comment page, and from last comment to "leave a reply")?

  5. I want to remove the number in front of each comment (1., 2., etc) How would I do it?

  6. 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,

  1. Please send me username & password of your site (via private answer) for further checking.
  2. To change the comment font size, you can add the following code to the style.css file:
    .commentlist { font-size: 16px;}
  3. You can add the following code to the style.css file:
    .single-post .comment-body {
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 16px;
    }
  4. To resolve this issue, you use the following code:
    .single-post .navigation {
    height: 0;
    padding: 10px 0 0;
    }
  5. You can add the following code to the style.css file:
    ol.commentlist {
    list-style-type: none;
    }
    li.comment {
    display: inherit;
    }
  6. 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 !

Powered by DW Question & Answer Pro