removing gradient from header image

  • i want to use the textbook theme with header image. i tried several custom css codes but get not rid of the header background images gradient property.
    can someone help ?

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

  • Hi there!

    Try adding this piece of code:

    /*Remove header image overlay*/
.single.header-image .site-header::before,
.page.header-image .site-header::before,
.archive.header-image .site-header::before,
.search.header-image .site-header::before {
  background: none;
}

    If that’s not helping, please share the URL of your site so we can have a closer look. Thanks!

    Thread Starter efinansaldestek

    (@efinansaldestek)

    Hi, it did not help ??

    https://efinansaldestek.com/

    Moderator James Huff

    (@macmanx)

    Hm, that should have worked.

    Try this:

    /*Remove header image overlay*/
.single.header-image .site-header::before,
.page.header-image .site-header::before,
.archive.header-image .site-header::before,
.search.header-image .site-header::before {
  background: none !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘removing gradient from header image’ is closed to new replies.