Different Header Image for Each Page
- The topic ‘Different Header Image for Each Page’ is closed to new replies.
Need help? Check out our Support site, then
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)
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;
}
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?