Changing header to transparent

  • Here’s the website, I want to change the header to transparent but whenever I try that it changes to white and the only thing that changes to transparent is the actual content. Here’s the website

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi dreamin.
    Try this css to make a header transparent i hope it will help you.

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    #header, #header-background {
    background: rgba(247, 147, 34, 0.7);
}

    The last value is for the opacity.you may set last value from 0.1 to 0.9 to increase or decrease opacity,for example:-

    #header, #header-background {
    background: rgba(247, 147, 34, 0.1);
}

    OR

    #header, #header-background {
    background: rgba(247, 147, 34, 0.2);
}

    OR

    #header, #header-background {
    background: rgba(247, 147, 34, 0.6);
}

    Thread Starter dreamin

    (@dreamin)

    Didn’t work, it just made it see through, and the white bar was still there behind the actual visible header. https://i.imgur.com/8jyqKTm.png

    I didn’t understand exactly are you using header background image or color ?

    The code that i have send yesterday that just works on color not on image
    please clarify the question

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing header to transparent’ is closed to new replies.