Add Header Photo to Rowling Theme

• 

  naturesbatch · Member · Oct 11, 2016 at 1:44 am

  • Copy link
  • Add topic to favorites

  Does anyone have any CSS code that will allow me to add a header photo to the Rowling Theme? My site is blog.naturesbatch.com – I would like to replace the lighter green part at the top with a custom picture.

  Thank you in advance!

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

• 

  innisfreehomestead · Member · Oct 11, 2016 at 2:03 am

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .header-wrapper {
  	background-image: url(https://hd.unsplash.com/10/caroline_sada_landscape.jpg);
  	background-size: cover;
  }

  Let me know if that doesn’t work!
  Sage

• 

  innisfreehomestead · Member · Oct 11, 2016 at 2:06 am

  • Copy link

  Sorry, forgot to mention, just replace the link inside the brackets (http://…) with the image that you would like to use :)

  Hope that helps,
  Sage

• 

  naturesbatch · Member · Oct 11, 2016 at 2:15 am

  • Copy link

  Works like a charm! Thank you so much!

• 

  innisfreehomestead · Member · Oct 11, 2016 at 2:16 am

  • Copy link

  Great to hear, no worries, and thanks for letting me know!

  Sage