Changing the header on specific pages of my website

korynwicks · Member · May 8, 2015 at 8:53 pm
Copy link

Add topic to favorites
Hello, I’m hoping to change the header on a handful of pages on my wordpress site, can anyone suggest some css code?

The blog I need help with is: (visible only to logged in users)
korynwicks · Member · May 8, 2015 at 9:00 pm
Copy link
This is what I’ve been trying:

.page-id-710 .site-header {
background: url(“https://kawicks.files.wordpress.com/2015/05/alternatebannerwp.jpg”) no-repeat scroll center top / 1600px auto rgba(0, 0, 0, 0);
}
thesacredpath · Member · May 8, 2015 at 11:01 pm
Copy link
Hi there, the image on your home page (page-id-710) is a featured image in .entry-thumbnail, if you are talking about the yoga/dance image. Give the following a try and see what you think.
```
.page-id-710 .entry-thumbnail {
    background: url("https://kawicks.files.wordpress.com/2015/05/alternatebannerwp.jpg") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0);
}
.page-id-710 .entry-thumbnail img {
    visibility: hidden;
}
```
The first rule of course sets the image and the second rule makes the existing featured image hidden.

What you can do though is to set whatever image you wish as a featured image from within the page editor. In other words, use the Eunoia/UN Langage Muet image as a featured image for your home page. That way you don’t have to worry about writing CSS for each page. Just add the image you want at the top as the featured image from within the page editor.

No items found.