Title: Insert box around comments
Last modified: August 21, 2016

---

# Insert box around comments

 *  Resolved [emilyhein727](https://wordpress.org/support/users/emilyhein727/)
 * (@emilyhein727)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/)
 * Hi, I would like to put boxes around the comments that people leave on my posts.
   Right now, there is no border on my comments and it looks a little unorganized.
   I just want to put a light grey box around JUST the comments, not the post.
 * Example:
    [http://www.zenandspice.com/recipe-redux-pb2-banana-chia-smoothie/](http://www.zenandspice.com/recipe-redux-pb2-banana-chia-smoothie/)
 * Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Thread Starter [emilyhein727](https://wordpress.org/support/users/emilyhein727/)
 * (@emilyhein727)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687664)
 * Bump? Anyone?
 *  Theme Author [Fruitful Code](https://wordpress.org/support/users/fruitfulcode/)
 * (@fruitfulcode)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687667)
 * 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](http://themes.fruitfulcode.com/fruitful/template-comments/#comments)
 *  Thread Starter [emilyhein727](https://wordpress.org/support/users/emilyhein727/)
 * (@emilyhein727)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687669)
 * 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.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687681)
 * 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.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687686)
 * I just noticed that your comments are also getting numbered/bulleted. Add this
   as well:
 *     ```
       #comments ol, #comments ul {
          list-style: none;
       }
       ```
   
 *  Thread Starter [emilyhein727](https://wordpress.org/support/users/emilyhein727/)
 * (@emilyhein727)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687687)
 * Thank you! Those worked perfectly!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Insert box around comments’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/fruitful/3.8.2/screenshot.png)
 * Fruitful
 * [Support Threads](https://wordpress.org/support/theme/fruitful/)
 * [Active Topics](https://wordpress.org/support/theme/fruitful/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/fruitful/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/fruitful/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [emilyhein727](https://wordpress.org/support/users/emilyhein727/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/insert-box-around-comments/#post-4687687)
 * Status: resolved