How to change the header height?

• 

  moneysober · Member · Feb 8, 2018 at 5:46 pm

  • Copy link
  • Add topic to favorites

  I’m just beginning to work on my website. I’m going to buy the Premium version of WordPress.com so I can edit the css.

  I don’t want a gigantic header on the site, but I really like this theme. How can I reduce the height of the header element on all pages?

  Thanks for your help.

  Susan B.

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

• 

  kathrynwp · Staff · Feb 8, 2018 at 8:06 pm

  • Copy link

  Hi Susan – this should do the trick:

  .hero {
    padding-top: 0;
    padding-bottom: 0;
  }

  You could add back any padding if you found the 0 too low; for example:

  .hero {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  Once you upgrade to Premium, you’ll be entitled to live-chat and email support, accessible here:

  https://wordpress.com/help/contact

  You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.

• 

  moneysober · Member · Feb 8, 2018 at 8:07 pm

  • Copy link

  Thank you so much!

• 

  kathrynwp · Staff · Feb 8, 2018 at 8:09 pm

  • Copy link

  My pleasure!