Make comment box smaller than container width

  • Resolved rodario

    (@rodario)


    3 years, 1 month ago

    Hi

    This is a sitewide question but it’s visible on the linked page.

    I’ve chosen to go with a three-column layout for my posts, which works well in general, but it also means the comment box is huge because it fills the whole container. About the width of the center column would be good.

    Can someone suggest how to accomplish this? Changing the comment box padding in the customization options still leaves the box at the full width which just looks weird.

    Thanks, and have a great day ??

    The page I need help with: [log in to see the link]

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

  • Hello @rodario!

    It should be possible to achieve this by adding the code below in the Additional CSS section within the Customizer. It should make the comments section the same size as the middle column and place it just below that column.

    @media(min-width: 1200px){
.single-post .comments-area {
    max-width: 60% !important;
    margin-left: 20% !important;
}
}

    I hope this helps!

    Thread Starter rodario

    (@rodario)

    Thanks, that did it ??

    Wonderful, I’m glad it looks as you wanted now!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make comment box smaller than container width’ is closed to new replies.