Styling of the comments section

  • Hi there,

    is there a way to customize the comments section?

    I add a link to mine which I find boring and it uses the whole width of the website.
    Link is in the private info box.

    So…what can I do to modify the looks of the comments section?

    Thanks in advance!

  • Hi there,

    Try this CSS:

    .comments-area {
        max-width: 1200px;
        margin-inline: auto;
    }

    You can keep on adding more CSS to style it.

  • Thanks Ying,

    is this code responsive, so that it also works for mobile and tablet?
    Or do I need to individualize the values for mobile and tablet?

    Are there pre styled blocks available which I can use for my comments section?
    That would be a lot easier (and faster). 🙂

    Thanks a lot!

  • Yes, the CSS works for all devices and WP has the comments block 🙂

  • Hi Ying,

    Are there pre styled blocks available which I can use for my comments section?
    That would be a lot easier (and faster). 🙂

    Thanks a lot!

  • Yes, WP has the comments block, you can give it a try.

  • Hi Ying,

    where can I find it?
    In the Generate Blocks Library?

    Thanks again!

  • No, it’s a WP block, just like paragraph and heading block.
    https://wordpress.com/support/wordpress-editor/blocks/comments-block/

  • Hello Ying!

    Thanks for your patience and for sending me the wordpress.com link.
    As I can read, there are styling options for comments title, comments template and so on.
    But where can I find that? I my elements as you can see here?
    I think the comments section is integrated in one of the elements from your theme – from the Library.

    Any ideas, where to search for it?

    Thanks a lot!

  • Hi there,

    The screenshot you attached doesn’t display anything — can you check and reupload it?

    Also, none of the Site Library templates use the core Comments block. They all rely on the theme’s default comment form, with styling handled through CSS.

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