Archived topic
background overlay for full-width image for entire site
3 replies · Started by markus on April 2, 2020
Viewing posts 1–4 of 4
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 ?
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/
Yes This adds a semi-transparent overlay to the image that was in Customizer> Background> Body
Thank you for the quick reply!
No problem :)
This archived topic is closed to new replies.
