[Resolved] background overlay for full-width image for entire site

[markus]

Text can be hard to read over a contrasty image. Where can I add a solid rgba color overlay on top of the entire large image on the URL in question, for the entirety of the site ?

[Leo]

Hi there,

For the body background? If so we can apply it using CSS like this:

body {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.49),rgba(0,0,0,0.49)), url(https://IMAGE-URL-HERE)
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[markus]

Yes This adds a semi-transparent overlay to the image that was in Customizer> Background> Body

Thank you for the quick reply!

[Leo]

No problem 🙂

[Author]

Posts