Change color of homepage overlay

Hi -

Is there any way to change the overlay color on the homepage header image? I already have the CSS to change its opacity.

Thanks!
Jennifer

Hello Jennifer,

You can use this CSS code to apply custom overlay color on the main header.

    .header-image:after {
      background-color: rgba(255, 0, 0, 0.5);
    }

rgba stands for Red, Green, Blue, and Alpha level. The alpha level ranges from 0 to 1, where 1 is solid and 0 is completely transparent. To get the RGBA code of a color, you can use this tool: http://hex2rgba.devoth.com/

Regards,
Kharis

That works - thank you!

Jennifer

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