Header Overlay Removal?

  • megansnedek

    (@megansnedek)


    8 years ago

    I was just wondering if it’s possible to remove that dark overlay on the header? Not just change the transparency, I want it completely gone.

    Thanks for any help!

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

    (@lebcit)

    Hello @megansnedek,

    Yes it’s very possible
    Try this

    .top-bar {
border-style: none;
background-color: transparent;
}

    Note that you should use a child theme for your customization or a custo css plugin.

    SYA ??

    Thread Starter megansnedek

    (@megansnedek)

    @lebcit – I just tried that using the Plugin Custom CSS and JavaScript and nothing happened.

    Any other suggestions?

    I edited the CSS –
    Find the code below and change the background colour to 0.1 ( last line) ( this worked for me)
    /*————————————————————–
    ## Structure
    ————————————————————–*/
    .site-header {
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    }
    .site-header::after {
    content: ”;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header Overlay Removal?’ is closed to new replies.