Reduce size of header image

• 

  bwalsh1222 · Member · Jul 15, 2015 at 11:24 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m using the Atrium theme, but I would like to reduce the size of the image banner in the header. I have a Premium Account, but I cannot decipher which CSS codes deal with the header image. I’ve tried accessing the code through “Inspect element” in my browser, but this hasn’t helped me. Can someone help here?

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

• 

  darrellschulte · Member · Jul 16, 2015 at 6:02 am

  • Copy link

  Hello Brian,

  Provided I’m understanding correctly, this should alter that background image in your header (going from 660px to 360px). If you elect to go in this direction, you might want to rethink how you want this image to appear on the page.

  .home-featured-content:not(.with-video) {
      padding-bottom: 360px;
  }

• 

  bwalsh1222 · Member · Jul 18, 2015 at 11:27 pm

  • Copy link

  This worked, thank you!

• 

  bookscombined · Member · Aug 12, 2015 at 2:30 pm

  • Copy link

  I have a similar problem with the Atrium theme at http://www.bookscombined.com. Where can I change the depth of the image in the header using the above code please? (Livechat directed me here… feeling totally clueless…)

• 

  bookscombined · Member · Aug 12, 2015 at 2:44 pm

  • Copy link

  I have a similar problem with the Atrium theme at http://www.bookscombined.com. Where can I change the depth of the image in the header using the above code please? (Livechat directed me here… feeling totally clueless…)