Removing extra padding between menu and body

• 

  benjharris86 · Member · May 11, 2015 at 12:42 pm

  • Copy link
  • Add topic to favorites

  Hi Guys!

  New to it all here so bare with me, I have my main title page ( http://bjhartistry.com/ ) in which I am trying to get rid of the padding between the Menu bar and the first image (the bio).

  I have not installed my wordpress site to my PC et and dont have access to my style sheet so I am forced to customize it through the WordPress Dashboard site.

  Does someone know how I can edit this gap out?

  Any help is much appreciated!

  Thanks,

  Ben

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

• 

  staff-jeanpierreac · Staff · May 11, 2015 at 1:15 pm

  • Copy link

  Hi

  Right now you have, as you know, 120px padding top and down. You can modify it by adding this CSS code:

  body[class*="front-page"] .hero {
      padding-top: 20px;
      padding-bottom:20px;
  }

  Remember custom CSS is a feature of the WordPress.com Premium and WordPress.com Business plans.

  [https://en.support.wordpress.com/custom-design/]

  I hope this helps you.

• 

  benjharris86 · Member · May 11, 2015 at 1:18 pm

  • Copy link

  Hi Raulanton

  That worked perfectly thank you! I do have the Premium WordPress plan.

  Thank you for the prompt and precise answer :)

• 

  staff-jeanpierreac · Staff · May 11, 2015 at 1:34 pm

  • Copy link

  Hi Benjharris86

  Glad to see that! Enjoy blogging!