• Resolved mjshomer

    (@mjshomer)


    I am using MH magazine lite for now and when someone posts a comment, the comment is displayed first with a box that shows the persons name and date, and then a box that has an enormous space for their comment even if their comment is very short.

    How can I squish this all down so each comment is much more compressed?
    Here is a link to a page with comments
    http://thefarquar.com/index.php/2016/05/10/farquar-and-banana-the-cape/
    Yes, my site is just starting out, but I don’t want each comment to take up 2 inches despite being 1 line long.

    I did try using the Disqus plugin for comments and it does look a lot more compressed, but I would rather native wordpress comments at this time.

    Thanks,
    Mark

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi Mark,

    thanks for using MH Magazine lite.

    This is how the comment section of the theme has been designed. If you don’t like it and want to have it different, you could modify the CSS based on your personal requirements, for example:

    .mh-comment-body { padding: 10px 25px; }

    When it comes to CSS customizations, you can always make use of tools like Firebug or your browsers inspection tool to inspect how the CSS has been applied and then you can use that information to customize the CSS code as you like.

    In order to add custom CSS code to your website, you could either make use of a child theme or install a plugin like Simple Custom CSS.

    Thread Starter mjshomer

    (@mjshomer)

    Thanks for the reply, I’ll see what I can learn about CSS. Does the paid version of the theme offer more customization for comments?
    Thanks again

    Thread Starter mjshomer

    (@mjshomer)

    Actually, the way this site does comments looks ideal to me, anyway to get the name to the left and the comment to the right with CSS?

    You can’t structure the layout of comments differently without coding this accordingly within a custom child theme.

    However, you could simply add the CSS that has been provided before and the comments will take up less space on your website.

    Thread Starter mjshomer

    (@mjshomer)

    Thanks for the information. I’ll weigh my options. Thanks.

    Thread Starter mjshomer

    (@mjshomer)

    Okay, Its a lot more compressed, I went with this:
    .mh-comment-meta {
    padding: 1px;
    margin: 1px;
    }

    .mh-comment-body {
    padding: 1px;
    margin: 1px;
    }

    .mh-comment-content p {
    padding: 1px;
    margin: 1px;
    }

    Not sure if all of it is needed, but it worked so I’m going this way. Thanks, I did not know about the inspect tool in chrome, helped a lot.

    Great – we’re glad that it was helpful and that you’ve found a style that meets your personal preferences. Have a great weekend.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to compress comments, they take up so much space’ is closed to new replies.