Header Size

• 

  johnferebee · Member · Aug 29, 2016 at 10:32 pm

  • Copy link
  • Add topic to favorites

  I’m using the Kelly theme and would like to increase the vertical size of the header so viewers could see more of the photos I use for that section.

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

• 

  thesacredpath · Member · Aug 30, 2016 at 2:55 am

  • Copy link

  Hi, add this to your custom CSS. The first number is the top padding on the site title parent div and the last number is the bottom padding. That is what controls the height of the image.

  .has-header .site-branding {
      padding: 13em 0 8.5em;
  }

  Originally it was
  6em 0 1.5em;

• 

  johnferebee · Member · Aug 30, 2016 at 3:50 pm

  • Copy link

  Thank you for getting back to me. I pasted the code in but the header stayed just the same, no change?

• 

  thesacredpath · Member · Aug 30, 2016 at 10:24 pm

  • Copy link

  Hi, I checked your site and looked at your custom CSS and see that you have edited the values to the following.

  .has-header .site-branding {
  	padding: 19em 0 8.8em;
  }

  Is this working for you now, or did I misunderstand what you are wanting?

• 

  johnferebee · Member · Aug 30, 2016 at 10:42 pm

  • Copy link

  Yes it is now working. Not sure what I did wrong first time. Thanks again.

• 

  thesacredpath · Member · Aug 31, 2016 at 5:30 am

  • Copy link

  No worries, sometimes that happens. You are welcome.