Reduce Header Image Size w/CSS

• 

  compelcoaching · Member · Aug 13, 2015 at 11:11 pm

  • Copy link
  • Add topic to favorites

  Help! I’ve tried everything I know, and I can’t get my header image to reduce in size. It’s just huge, even if I upload a different size. How can I make the entire image fit the page?

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

• 

  thesacredpath · Member · Aug 14, 2015 at 8:26 am

  • Copy link

  Hi, change the .site-header rule you have in your CSS now to this and see what you think. You can edit the min-height value as desired.

  .site-header {
      min-height: 300px;
      background-size: contain;
  }

• 

  compelcoaching · Member · Aug 14, 2015 at 11:20 am

  • Copy link

  That’s exactly what I needed.
  Thank you!

• 

  thesacredpath · Member · Aug 14, 2015 at 6:38 pm

  • Copy link

  You are welcome.