Different Header Image for Each Page

  • Author
    Posts
  • #123802

    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.

    #123891

    Use the page ID to create a different header image for each page.
    This code is from Mrinal Roy

    .page-id-4 #header-image img {
    display: none;
    }

    .page-id-4 #header-image {
    background-image: url(‘https://veronicaphillipcom.files.wordpress.com/2018/01/cropped-city-long-photo11.jpeg’);
    height: 340px;
    background-size: cover;
    background-repeat: no-repeat;
    }

    #124068

    Thank you, I also wanted to have a different header on each page. I would also like to write the name of the page on each different header. Is that possible?

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