How to stop Featured Image as the Header Image on Pages
-
Posts
-
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 greenshakersclub.com.
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.
The topic ‘How to stop Featured Image as the Header Image on Pages’ is closed to new replies.
