Book Lite Theme – How to customize header size

• 

  amyhaddow · Member · Feb 23, 2016 at 4:28 pm

  • Copy link
  • Add topic to favorites

  Hey

  I’m looking to change the width of the header on my blog but need a little help customizing the CSS if possible.

  Please help!
  Thanks

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

• 

  carladoria · Member · Feb 23, 2016 at 8:32 pm

  • Copy link

  Hi,
  This is the CSS that allows you to customize your header:

  #masthead {
  background: url(https://amyandgregdotme.files.wordpress.com/2016/02/amy-v2.jpg?w=1440&h=500&crop=1) center 0 no-repeat;
  background-attachment: fixed;
  margin-top: 0;
  padding-bottom: 0;
  max-width: 95%;
  height: 500px;
  position: relative;
  background-color: #111;
  }

  You can change the “max-width” to your liking, or delete this property and add: “width: 1000px” for example.

• 

  amyhaddow · Member · Feb 24, 2016 at 3:33 pm

  • Copy link

  Thanks so much for your help carladoria :)

• 

  carladoria · Member · Feb 24, 2016 at 3:35 pm

  • Copy link

  You’re welcome

• 

  amyhaddow · Member · Feb 24, 2016 at 3:38 pm

  • Copy link

  Can I ask if this code will affect all feature images I had previously set? As now all pages display the same header image.

  Thx

• 

  thesacredpath · Member · Feb 24, 2016 at 6:18 pm

  • Copy link

  Hi, on single post pages in Book Lite, featured images are put in the #masthead div, so yes, the above CSS would affect those as well.