removing main page image from all other pages

• 

  marmakus · Member · Jan 10, 2017 at 10:39 pm

  • Copy link
  • Add topic to favorites

  “Hi! My header image on my home page shows up on every page. I’d like it to ONLY show up on my front page. Can someone help me with that code? Thank you!”

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

• 

  thesacredpath · Member · Jan 11, 2017 at 7:35 am

  • Copy link

  Hi there, we can use the the “not” pseudo selector and remove the header image container from all but the home page. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  body:not(.home) .header-image-container {
    display: none;
  }

• 

  marmakus · Member · Jan 11, 2017 at 4:37 pm

  • Copy link

  That worked perfectly! Thank you so much for your help.

• 

  thesacredpath · Member · Jan 11, 2017 at 11:15 pm

  • Copy link

  Awesome, and you are welcome!

• 

  foodandlivingcoach · Member · Jan 14, 2017 at 2:21 am

  • Copy link

  How would I do the same thing on the Twenty Sixteen theme? The above doesn’t seem to be working.
  Thank you in advance.

• 

  eallas · Member · Jan 14, 2017 at 4:16 am

  • Copy link

  Hi! Chiming in to answer this.

  Themes all have different mechanics when CSS comes into the question. For the Twenty Sixteen theme, the code would be the same, excluding -container.

  body:not(.home) .header-image{
    display: none;
  }