This topic has 8 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Jack Richardson
I want to put a header background image on every page but the main (home) page. How is this accomplished?
Hello,
Upload your image in Theme Options > Styling > Header background.
Use this code in Global Custom CSS section to remove background image from home page:
.home .header-wrapper {
background-image: none;
}
Best regards,
Jack Richardson.
Thanks Jack! What bit of code is needed for a specific page? What would need to be done then?
Hello,
I added you the code for specific page – home page, so background image won’t be shown there:
.home .header-wrapper {
background-image: none;
}
If you add image in Theme Options > Styling > Header background, it will be shown for all pages except the home page if you add that code.
Best regards,
Jack Richardson.
Right. I get you. Let’s say I don’t want the image on the “about” page. Do I merely sub in “about” where “home” is in the code?
Hello,
In this case you need write page id in the css code. You can find in in the browser inspector. for example http://storage8.static.itmages.com/i/16/0607/h_1465288814_9393753_214b9f158f.jpeg , so the code for this page will be:
.page-id-5597 .header-wrapper {
background-image: none;
}
Best regards,
Jack Richardson.
Perfect. Great stuff to know. Thanks Jack. You can close this thread. I believe I have it figured out.
Hello,
You’re welcome.
Best regards,
Jack Richardson.
The issue related to '‘Selective header image’' has been successfully resolved, and the topic is now closed for further responses