Remove white margin around Header Image

• 

  rebeccabelliston · Member · Aug 25, 2015 at 5:36 pm

  • Copy link
  • Add topic to favorites

  Is there is a way to remove the white border around my header image? I’m using the Apostrophe Theme. Any help would be appreciated.

  http://blog.rebeccabelliston.com

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

• 

  thesacredpath · Member · Aug 25, 2015 at 8:34 pm

  • Copy link

  Hi there, this takes a number of CSS rules due to the way the CSS and HTML are structured. Add the following and see what you think.

  .main-navigation {
      padding: 0 3.0303% 3.0303%;
  }
  #primary {
      padding-left: 3.0303%;
  }
  #secondary {
      padding-right: 3.0303%;
  }
  #colophon {
      padding: 0 3.0303% 3.0303% 3.0303%;
  }

  Make sure and check things on a tablet and phone to make sure everything is ok there. It looks like it is to me.

• 

  rebeccabelliston · Member · Aug 25, 2015 at 9:41 pm

  • Copy link

  Hi. Thanks so much for helping. That moved things a little, but didn’t remove the white area around the header image. Any ideas?

• 

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

  • Copy link

  Whoops, in addition to the rules I gave above, add the following also.

  #page {
  	padding-left: 0;
  	padding-right: 0;
  	padding-top: 0;
  }
  #masthead {
  	padding-left: 0;
  	padding-right: 0;
  }

• 

  rebeccabelliston · Member · Aug 27, 2015 at 4:46 pm

  • Copy link

  Wonderful! Thank you so much!

• 

  thesacredpath · Member · Aug 27, 2015 at 7:09 pm

  • Copy link

  You are welcome.