Different Header Image for Each Page

Premium Theme Support We Cobble Entrepreneur Different Header Image for Each Page

• 

  veronicaaphillip · Member · January 9, 2018 at 4:55 pm

  • Copy link
  • Add topic to favorites

  I need to have a different header image on every page.
  How can I do that?

  Thanks,
  Veronica.

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

• 

  veronicaaphillip · Member · January 11, 2018 at 12:47 pm

  • Copy link

  Use the page ID to create a different header image for each page.
  This code is from Mrinal Roy

  .page-id-4 #header-image img {
  display: none;
  }

  .page-id-4 #header-image {
  background-image: url(‘https://veronicaphillipcom.files.wordpress.com/2018/01/cropped-city-long-photo11.jpeg’);
  height: 340px;
  background-size: cover;
  background-repeat: no-repeat;
  }

• 

  thewriteanalyst · Member · January 30, 2018 at 4:51 am

  • Copy link

  Thank you, I also wanted to have a different header on each page. I would also like to write the name of the page on each different header. Is that possible?

• The topic ‘Different Header Image for Each Page’ is closed to new replies.