unique header images

• 

  tsvantiquesandhandcrafted · Member · Nov 17, 2017 at 9:42 am

  • Copy link
  • Add topic to favorites

  Hi, I have taken the titles off my pages for a slicker look but wanted to have the title of each page in the header image. So I have been trying to use CSS to allow the theme (entrepreneur) to show a different header image on each page.

  This is the code I have been trying:

  .page-id-809 .header-image img {
  	visibility: hidden;
  }
  .page-id-809 .header-image {
  	background: url('https://touchstonevintage.files.wordpress.com/2017/11/silver-header-2.jpg') no-repeat scroll center 30% / cover;
  }

  but it doesn’t seem to make the change, just sticks with the home page header image. Been going round in circles so hoping you can suggest some code which would do the job

  thanks

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

• 

  robertghetau · Staff · Nov 17, 2017 at 9:58 am

  • Copy link

  Hi there,

  I believe we can place another image on top of the old one without removing the initial one like this:

  /* Targeting only the Silver page */
  .page-id-809 #header-image:before {
      content: "";
      display: block;
      position: absolute;
      height: 219px;
      width: 100%;
      background: url(https://touchstonevintage.files.wordpress.com/2017/11/silver-header-2.jpg) no-repeat scroll center 30% / cover;
  }

  However, you can still hide the initial header image if you want to, like this:

  #header-image a img {
      display: none;
  }

  Let me know how it went.

  Have a great one,
  Robert

• 

  tsvantiquesandhandcrafted · Member · Nov 17, 2017 at 10:02 am

  • Copy link

  Hi Robert, many thanks that, worked a treat.

  Really grateful as I’ve been struggling with it for some time now.

  All the best, have a good weekend

  Ian

• 

  robertghetau · Staff · Nov 17, 2017 at 10:20 am

  • Copy link

  You’re most welcome, Ian!

  Enjoy the weekend,
  Robert

• 

  kathrynwp · Staff · Nov 17, 2017 at 4:36 pm

  • Copy link

  Robert – thanks for helping out!

  Ian – I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

• 

  tsvantiquesandhandcrafted · Member · Nov 17, 2017 at 4:41 pm

  • Copy link

  Thank you.