Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter emilyhein727

    (@emilyhein727)

    Bump? Anyone?

    Theme Author Fruitful Code

    (@fruitfulcode)

    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

    Thread Starter emilyhein727

    (@emilyhein727)

    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.

    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.

    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

    (@emilyhein727)

    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.