Transparent Header on Home / Not on Other – PREV HELP DIDN'T WORK

This topic has 6 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: topimr
    topimr
    Participant
    November 2, 2016 at 22:10

    I posted another ticket with the below question. I tried the solution but it did not work?

    ———-PREV TICKET————-
    Is there a way to use a rev slider on the home page with the clear header. Then on the rest of the pages the header has a background? I don’t want to have to set every page background.

    Thank you,

    ———-PREV RESPONSE THAT DIDN’T WORK———–
    You can add this code in Custom CSS:

    .header-wrapper {
    background: black;
    }
    .home .header-wrapper {
    background: transparent;
    }
    Regard

    ————–
    tHANKS

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 3, 2016 at 08:38

    Hello,

    To show image overlapping the header you need use Revolution Slider plugin and create a slider, then edit your home page and select the slider in “Show revolution slider instead of breadcrumbs and page title” section on the right side of the editor. Also, you need to use 2nd header type in Theme Options > Header.

    Regards,
    Rose Tyler.

    Avatar: topimr
    topimr
    Participant
    November 4, 2016 at 16:08

    I know that part and I have done this, and that is working. What I need help with is that I am trying to have an image on the background on all the other pages. I put in your code and it doesn’t turn the header background to black.

    Please see the code you gave me on the last ticket it is above.

    Thank you so much for =the help.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 4, 2016 at 16:19

    Hello,

    Please replace previous code with this one:

    .header-wrapper.header-type-2.header-transparent.header-scrolling {
        background-color: black !important;
    }
    .home .header-wrapper.header-type-2.slider-overlap.header-transparent.header-scrolling {
        background: transparent !important;
    }
    

    Regards,
    Rose Tyler.

    Avatar: topimr
    topimr
    Participant
    November 4, 2016 at 18:14

    You guys are awesome!! By the way I go by my middle name Rose, so nice name too!

    Thank you

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 4, 2016 at 20:12

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

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

The issue related to '‘Transparent Header on Home / Not on Other – PREV HELP DIDN'T WORK’' has been successfully resolved, and the topic is now closed for further responses

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