removing main page image from all other pages
-
“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)
-
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; } -
-
-
How would I do the same thing on the Twenty Sixteen theme? The above doesn’t seem to be working.
Thank you in advance. -
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; }
- The topic ‘removing main page image from all other pages’ is closed to new replies.