Change header size in the baskerville theme

• 

  rutmariebang · Member · Jul 19, 2015 at 10:21 am

  • Copy link
  • Add topic to favorites

  Love the baskerville theme, but the header is too small to my taste, I need to change the hight. I’m completely new to the CSS editing, but have at least managed to find the HTML-code (or whatever it’s called…). It looks like this:

  <div class=”header section small-padding bg-dark bg-image” style=”background-image: url(https://banginberlin.files.wordpress.com/2015/07/cropped-cropped-img_016721.jpg);”>

  I can’t find a place to put in the new measurements.. Can anyone help? On the header it says 1066px x 140px, but not in the “code”. Would like to change the 140px to 500-600px…

  Thanks in advance!

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

• 

  darrellschulte · Member · Jul 19, 2015 at 1:01 pm

  • Copy link

  Hi rutmariebang,

  You were pretty close. Instead of

  div class=header{height:500px}

  use this:

  .header { height: 500px;}

• 

  rutmariebang · Member · Jul 19, 2015 at 1:10 pm

  • Copy link

  Wow! Thank you, you made my day! :-D

• 

  darrellschulte · Member · Jul 19, 2015 at 1:11 pm

  • Copy link

  Happy to help!