Different Header Image for Each Page

  • Author
  • #123802

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


    The blog I need help with is: (visible only to logged in users)

    Original poster

    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;


    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.