Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 4, 2015 at 1:39 pm #482658
    Reiep

    Hi there,

    When displaying blog posts as a single column, without sidebars, the posts are displayed with a quite large margin on both sides, which is fine. However, the comments do not have the same margin, which make the result quite ugly.

    Issue

    How can I add this margin to the comments (possibly without affecting the full width comment counter), so that it matches the blog posts and keep everything responsive?

    For live tests: http://pierrepichot.com

    BR.

    • This topic was modified 9 years, 3 months ago by Reiep.
    August 5, 2015 at 6:27 am #483088
    Dake

    Hi Reiep!

    Please add the below css to your cusom css section:

    #top .commentlist .comment>div {
    width: 600px !important;
    margin-left: 25% !important;
}

@media only screen and (max-width: 768px) {
#top .commentlist .comment>div {
    width: 100% !important;
    margin-left: 0 !important;
}
}

    Cheers!
    Dake

    August 5, 2015 at 2:35 pm #483361
    Reiep

    Thanks Dake, it’s working!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Single column width vs comments width’ is closed to new replies.