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: (visible only to logged in users)

    #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
    Original poster

    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
    Original poster

    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.