Goran Blog page header image CSS

• 

  isabelashdown · Member · Oct 10, 2016 at 10:29 am

  • Copy link
  • Add topic to favorites

  For all my pages I use a featured image, and for the homepage I have selected a particular header image in customisation. However, I can’t work out how to have a featured/selected image on the BLOG/NEWS page (currently just a grey panel header). Ideally, I’d use the same image I have selected for my homepage.

  Does anyone know if it is possible? Thank you!

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

• 

  innisfreehomestead · Member · Oct 10, 2016 at 2:50 pm

  • Copy link

  Hello there!

  This should do the trick:

  .blog #masthead {
  	background-image: url(https://defaultcustomheadersdata.files.wordpress.com/2016/07/blur.jpg?resize=1230,576);
  }

  Let me know if that doesn’t work!
  Sage

• 

  isabelashdown · Member · Oct 10, 2016 at 4:09 pm

  • Copy link

  Hi sagebrownell – thanks so much! It worked as in it’s using the default custom header – but if you compare the homepage to the NEWS page, can you see that NEWS has a lot more blue space and less lights detail? ie the very top blob of light starts at a much lower point. Can anything be done about that? I know, I’m fussy … !

• 

  innisfreehomestead · Member · Oct 10, 2016 at 7:08 pm

  • Copy link

  Hey there,

  That’s great to hear!

  Adding a line to the code above that specifies the background position should get the look you’re going for. You can replace the previous code with this:

  .blog #masthead {
  	background-image: url(https://defaultcustomheadersdata.files.wordpress.com/2016/07/blur.jpg?resize=1230,576);
  	background-position: 50% 50%;
  }

  Hope that helps,
  Sage

• 

  isabelashdown · Member · Oct 11, 2016 at 6:51 am

  • Copy link

  You star! Thanks so much Sage :)

• 

  innisfreehomestead · Member · Oct 11, 2016 at 6:58 am

  • Copy link

  Haha thanks ^_^ Glad it worked!