Reducing whitespace above Comments

• 

  barrygcooper · Member · Jul 14, 2014 at 10:48 am

  • Copy link
  • Add topic to favorites

  Hi all,

  Apologies in advance that I’ve not been able to work out how to do this via the Inspector in Firefox.

  I’m looking to reduce the whitespace above the text “Leave a Comment…” here:

  4 Reasons Zombies Won’t Die

  …or failing that, increase the whitespace below the comment box.

  Any ideas? Thanks everyone.

  The blog I need help with is: (visible only to logged in users)

• 

  vinoddalvi · Member · Jul 14, 2014 at 2:23 pm

  • Copy link

  To reduce the the whitespace above the text “Leave a Comment…”, try adding the following CSS code in your site using CSS editor.

  body.single-post .hentry {
        margin-bottom: 0;
  }

• 

  barrygcooper · Member · Jul 14, 2014 at 2:29 pm

  • Copy link

  Worked like a charm, vinod, thank you very much again. What would I need to do to increase whitespace below the comment box?

• 

  vinoddalvi · Member · Jul 14, 2014 at 2:31 pm

  • Copy link

  Try using the following code to increase whitespace below the comment box.

  body.single-post #comments {
         margin-bottom: 40px;
  }

• 

  barrygcooper · Member · Jul 14, 2014 at 2:46 pm

  • Copy link

  Brilliant. Thanks, Vinod, I really appreciate it.

• 

  vinoddalvi · Member · Jul 14, 2014 at 5:00 pm

  • Copy link

  You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)