Replace Top Banner image on landing Pages/Twenty Seventeen

I think

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
display:none;
}

could solve your problem.

Just edit your Testimonials page and replace the “Featured Image” with your own choice in the bottom of the right margin.

@stilman-davis: Almost there. This code removed the image, leaving the space empty. I’d like to put a replacement image in that space.

@sancoale: I added code to my child theme suppressing the Featured Images for the landing Pages (keeping them on the Homepage).

You need to work with this section

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
}

in your child theme. Specify the img you want to use, somehow negating the use of the custom-header-media. Someone else might be able to give you a quick fix. I am sorry I cannot.

Do you want to replace it with a different image for all pages other than the homepage, or do you want separate images for each page?

I would be happy with either of those options. Can we do a separate image for each page?

Would you be able to set a featured image on those pages? I think that’s what the theme does already.

Thank you Andrew. I have featured images set for those pages. I want them to display on the Homepage, but not in the body of the landing pages.

This is the code I am using (in my child theme) to accomplish that:

.page .single-featured-image-header { display: none; }

That’s looks fine, has that resolved the problem?

Yes, but that was for another problem. What I’d like to do now is set custom images for the headers on the landing Pages.

I’m not sure what you mean by that, can you explain further?

I would like to replace the default headers on the landing pages with a new image (ideally, a separate images for each page).

What do you mean by landing pages and how does this differ from the feature image functionality that is already available?

When you leave the Homepage and land on another (like the “Testimonials” page on my site), the banner image at the top is a sample of the Header Image from the Homepage. Every page on the site displays that same image as its header.

I want to change the header image (not the featured image) at the top of each page to something else.

Its the image at the top of the page (see “The page I need help with” link above), I want to change.

• This reply was modified 6 years, 8 months ago by stephenvann.
• This reply was modified 6 years, 8 months ago by stephenvann.