How to use different header image on home page?

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, this can be done. What you would need to do is find the unique post id number css class in the opening body html tag on the post where you wish to change the image. The following is an example for the post you referenced.

    .single.postid-996 #pique-header-image {
    visibility: hidden;
}
.single.postid-996 .pique-header {
    background: url("URL_OF_IMAGE") no-repeat scroll top center / cover !important;
    display: block;
    z-index: 1;
}

    You would replace URL_OF_IMAGE between the quote marks with the URL of the image you want on the single post page.

Viewing 1 replies (of 1 total)
  • The topic ‘How to use different header image on home page?’ is closed to new replies.