How to change header image Aspect Ration

• 

  gocreativeindia · Member · Feb 7, 2017 at 2:07 pm

  • Copy link
  • Add topic to favorites

  Hi Team,

  I want to reduce the height of my page’s header image. Please help me to change the aspect ratio.

  Warm Regards
  Ajit Saini

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

• 

  kathrynwp · Staff · Feb 7, 2017 at 7:21 pm

  • Copy link

  Give this a try to reduce the header height in Hemingway Rewritten:

  .site-header-image {
  	min-height: 0px;
  	max-height: 250px;
  	padding: 4% 0;
  }
  
  .site-branding {
  	padding: .8em 1.7em;
  }

  You can modify the values as you like to get the effect you’re looking for.

  Let me know how it goes.

• 

  gocreativeindia · Member · Feb 8, 2017 at 2:21 am

  • Copy link

  Hi Kathryn,

  That worked wonderfully.

  Thanks,

  Ajit

• 

  kathrynwp · Staff · Feb 8, 2017 at 1:56 pm

  • Copy link

  Great! You might want to make the heading a little taller than you have it now, as it cuts off on wider screens.

  

  250px is probably about as short as I’d go to make sure it doesn’t get cut off.