Selective header image - by talonhead - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Jack Richardson

  • Avatar: talonhead
    talonhead
    Participant
    June 6, 2016 at 17:11

    I want to put a header background image on every page but the main (home) page. How is this accomplished?

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 7, 2016 at 08:24

    Hello,

    Upload your image in Theme Options > Styling > Header background.
    Use this code in Global Custom CSS section to remove background image from home page:

    .home .header-wrapper {
        background-image: none;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    June 7, 2016 at 08:44

    Thanks Jack! What bit of code is needed for a specific page? What would need to be done then?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 7, 2016 at 08:58

    Hello,

    I added you the code for specific page – home page, so background image won’t be shown there:

    .home .header-wrapper {
        background-image: none;
    }

    If you add image in Theme Options > Styling > Header background, it will be shown for all pages except the home page if you add that code.

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    June 7, 2016 at 09:02

    Right. I get you. Let’s say I don’t want the image on the “about” page. Do I merely sub in “about” where “home” is in the code?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 7, 2016 at 09:40

    Hello,

    In this case you need write page id in the css code. You can find in in the browser inspector. for example http://storage8.static.itmages.com/i/16/0607/h_1465288814_9393753_214b9f158f.jpeg , so the code for this page will be:

    .page-id-5597 .header-wrapper {
        background-image: none;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    June 7, 2016 at 10:00

    Perfect. Great stuff to know. Thanks Jack. You can close this thread. I believe I have it figured out.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 7, 2016 at 10:26

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Selective header image’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.