reduce opacity header

  • Resolved andyms

    (@andyms)


    3 years, 3 months ago

    hi, may I know if any nice people here are willing to help me for reducing opacity at the header (the black one) when it scrolls down below.

    many thanks

    andy

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author WPZOOM

    (@wpzoom)

    Hello @andyms

    You can change it using this CSS code:

    @media screen and (min-width: 48em) {
    .has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
        background: rgba(0,0,0,.9);
    }
}

    Just add it in the Customizer > Additional CSS, then change “.9” to a lower value.

    Thread Starter andyms

    (@andyms)

    Thank you !

    Thread Starter andyms

    (@andyms)

    hi @wpzoom

    It only affects the home page, other pages don’t affect it, please advise.

    thanks

    @andyms can you send us the link to your website?

    @andyms replace the previous code with this one and it should work:

    @media screen and (min-width: 48em) {
    .page-template-default .headroom--not-top .navbar, .has-header-image.home.blog .headroom--not-top .navbar, .has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-video.home.blog .headroom--not-top .navbar, .has-header-video.inspiro-front-page .headroom--not-top .navbar {
        background: rgba(0,0,0,.6);
    }
}
    Thread Starter andyms

    (@andyms)

    wow, many thanks @inamoro

    what a great support team here, love it !

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘reduce opacity header’ is closed to new replies.