Remove gray layer over header image

  • Resolved kcaluwae

    (@kcaluwae)


    8 years, 4 months ago

    I want to remove the gray layer that is on top of the header image on the homepage as well as on top of blog posts.
    I suppose this should be possible with custom CSS but I’m stuck.
    I’ve been searching in Chrome’s developer panel to see where the gray is set but cannot find it. Any help would certainly be appreciated.
    Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Poonam Namdev

    (@poonam9)

    8 years, 4 months ago

    Hello @kcaluwae,

    Add the following custom CSS to Appearance -> customize-> Additional CSS

    .header-filter::before {
    background-color: rgba(0, 0, 0, 0) !important;
}

    Let me know how it goes.

    Thread Starter kcaluwae

    (@kcaluwae)

    8 years, 4 months ago

    Thanks. This does exactly what I want.
    I was looking at this property and was enabling/disabling it with the developer tools in Chrome but at that point, nothing changed. This led me to think that it was not what I needed.

    Apparently, I shouldn’t always trust the developer tools.

    Thanks for your help!

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

The topic ‘Remove gray layer over header image’ is closed to new replies.