Header Transparency - transparent to opaque

Header transparency on the home page is fine. On the other pages, however, I’d like a fairly transparent header that gets more opaque as you scroll down, as otherwise it just looks like text on top of text. Is there code that I can use to be able to set the transparency to fully opaque as soon as I scroll down on pages other than the home page?

website: www.4seasonsarborservice.com

Hello there,

Pease try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    body:not(.home) .site-header.float-header {
      background-color: #000;
    }

Regards,
Kharis

Thank you! This worked like a charm.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis