Header won’t go transparent

  • brentnz

    (@brentnz)


    9 years ago

    Can something help please, I’m trying to make the header transparent so I can run a background image over the whole page. I change the black header to white and apply some ccs I found to tell it to go tranpsarent but it just wouldn’t change

    http://www.nelsonrealty.co.nz

Viewing 2 replies - 1 through 2 (of 2 total)
  • Catalin Scripcariu

    (@catalincr)

    9 years ago

    Hello,
    You can try this code to see if this is the result you want:
    .header-wrapper, #currency-switcher #selected-currency, #currency-switcher-list li {
    background-color: transparent;
    }
    I changed in the browser: https://snag.gy/vCuShy.jpg
    You need to have the logo transparent if you wish to have a background image.

    Regards,
    Catalin

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    9 years ago

    This CSS — adjust the transparency or color as necessary:

    .header-wrapper {
    background-color: rgba(0,0,0,.1);
}

    To add CSS:

    • If you are using WordPress 4.7, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

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

The topic ‘Header won’t go transparent’ is closed to new replies.