How to stop Featured Image as the Header Image on Pages
- The topic ‘How to stop Featured Image as the Header Image on Pages’ is closed to new replies.
Need help? Check out our Support site, then
I would like to set a featured image on each of my pages. However, I do not want the featured image to become the header image.
I do have the upgrade that allows me to use custom CSS.
Can someone provide me with the CSS custom code to turn this off?
Thank you so much.
The blog I need help with is: (visible only to logged in users)
Hi there.
You can hide the header image on pages with:
.page .header-image {
display: none;
}
Does that do what you want?
No, sorry, I do not want to hide the header image. I do not want the featured image to become the header image.
On pages, when you make an image a featured image, it becomes the header image. I want the header image to stay the same on all of the pages no matter what featured image is selected.
Ah ha – so you want the default header to appear, not the featured image.
Well, one tip I can give you is to upload smaller featured images. For the featured image to replace the header image it has to be wider than 1440 – so if you upload narrower featured images then the default header will display.
I would aim for around 1000 pixels wide. Then the featured images will still be nice and big, but the main site header will show instead.
So there is not a custom CSS code to stop the featured image from being the default on pages?
This isn’t something that can be controlled with CSS unfortunately.
The header image is either there – or it isn’t. All CSS can do is hide the header image, it can’t change it to something else.