Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #271070
    Omen.Studio
    Participant

    Hi! I´m trying to set a different header image for each page in my website but when I set an image it appears on the whole site (“booking” & “villa” pages, excluding homepage because I´m using a header video) and I´m kinda stuck here, also I would love to hide the header image in my gallery page so it would just be pictures without header image. How could I solve this problems? Thank you very much!

    URL:
    http://www.villacoralillo.com

    #271080
    Skandha
    Keymaster

    @omen-studio: Hello there,
    To have different header image on different pages
    Go to => Appearance => Customize => Header Media => Enable On => Select Excluding Homepage, Page,Post Featured Image and Publish.

    The Featured Image you have set for each post/page will show up as the Header Image of that page.’

    To hide the header image on gallery page
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .page-id-2329 .custom-header-media {
        display: none;
    }
    .page-id-2329 .custom-header .wrapper::before {
        background-image: unset;
        background-color: #f2e6d5;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Setting different Header Image to different pages’ is closed to new replies.