different Header image on per-page customise

  • punpanickel

    (@punpanickel)


    10 years, 7 months ago

    To show different header image on per-page..
    adding manually CSS for every page, where is the CSS adding place in page individually??
    Or is there a good plugin for header image and page lay out customising…??
    Thanks….

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    10 years, 7 months ago

    You can use this custom CSS to change the default custom header on specific pages. Be sure to:

    – add the specific unique page IDs for each page whose header you want to override. You can get the URL from the body tag when viewing your page’s source in the browser, or by looking in the address bar in the post editor.
    – change the image path to the real path to your header image in the media library

    .page-id-10 .custom-header, .page-id-15 .custom-header {
     visibility: hidden;
}

.page-id-10 .site-content a[rel="home"] {
     background: rgba(0, 0, 0, 0) url("MY-IMAGE-URL1.jpg") no-repeat scroll 0% 0%;
     display: block;
}

.page-id-15 .site-content a[rel="home"] {
     background: rgba(0, 0, 0, 0) url("MY-IMAGE-URL2.jpg") no-repeat scroll 0% 0%;
     display: block;
}

    If you need further help, please provide a link to your site. Thanks.

Viewing 1 replies (of 1 total)

The topic ‘different Header image on per-page customise’ is closed to new replies.