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:50 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)

• 

  mkrdip · Theme Author · January 11, 2018 at 5:34 pm

  • Copy link

  Hi there,

  Please use CSS like the following:

  #header-image img {
      display: none;
  }
  #header-image {
      height: 421px;
      background-size: cover;
      background-repeat: no-repeat;
  }
  .page-id-201 #header-image, .page-id-165 #header-image, .page-id-101 #header-image {
      background-image: url(https://entrepreneurdemo.files.wordpress.com/2015/08/cropped-cropped-cropped-city-691279.jpg);
  }

  Cheers.

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