[Resolved] Styling the comments section in a blog

Home Forums Support [Resolved] Styling the comments section in a blog

Home Forums Support Styling the comments section in a blog

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1614904
    Edgar

    As a new user, I am still tweaking GP’s appearance for my blog. When users post comments they are rendered like the following, not separating one comment from another except only by blank space. Makes it hard to read.

    current comments

    I would like to style the comment section with each comment on this colored background (the same one I use for blockquote):

    preferred comments  look

    Just for reference, here’s the code I used to create the box for blockquotes:

    blockquote { border: 1px dashed #999966; background-color: #e0e1ce; margin-left: 30px; margin-right: 30px; padding: 15px 20px 15px 20px; font-size: 19px;}

    Can you help me with code to make my new comments section look like the sample above? And please tell me exactly where I am to put the code since I am still learning GP. MUCH APPRECIATION for your help.

    Edgar

    #1614986
    Ying
    Staff
    Customer Support

    Hi Edgar,

    Try this CSS:

    .comment {
        border: 1px dashed #999966;
        background-color: #e0e1ce;
        margin-left: 30px;
        margin-right: 30px;
        padding: 15px 20px 15px 20px;
        font-size: 19px;
    }

    Let me know ๐Ÿ™‚

    #1614991
    Edgar

    Hi Ying,

    Thanks for the quick answer.

    Here’s the result:

    comments restyled 1

    It just needs a little space in between the comments so they are separate boxes.

    Can you do that?

    Thanks,
    Edgar

    #1615048
    Edgar

    Hi Ying…

    I figured it out.

    I just added margin-bottom:20px; to your CSS and it worked to add white space between comments.

    Thanks for your help.

    Edgar

    #1615201
    Ying
    Staff
    Customer Support

    Good job!

    Glad you figured it out ๐Ÿ™‚

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.