Different Header Image for Each Page

  • Author
    Posts
  • #123801

    I need to have a different header image on every page.
    How can I do that?

    Thanks,
    Veronica.

    The blog I need help with is veronicaphillip.com.

    #123895

    mkrdip
    Theme Author

    Hi there,

    Please use CSS like the following:

    #header-image img {
        display: none;
    }
    #header-image {
        height: 421px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .page-id-201 #header-image, .page-id-165 #header-image, .page-id-101 #header-image {
        background-image: url(https://entrepreneurdemo.files.wordpress.com/2015/08/cropped-cropped-cropped-city-691279.jpg);
    }

    Cheers.

The topic ‘Different Header Image for Each Page’ is closed to new replies.