How to stop Featured Image as the Header Image on Pages

  • Author
    Posts
  • #120723

    jordynlei
    Member

    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.

    #120904

    binarymoon
    Theme Author

    Hi there.

    You can hide the header image on pages with:

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

    Does that do what you want?

    #120907

    jordynlei
    Member

    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.

    #120918

    binarymoon
    Theme Author

    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.

    #120933

    jordynlei
    Member

    So there is not a custom CSS code to stop the featured image from being the default on pages?

    #120945

    binarymoon
    Theme Author

    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.