Archived topic
CSS: remove linear-gradient but keep background image
3 replies · Started by Michael on April 10, 2020
Hi guys
I have the following CSS:
.page-hero {
background-image: linear-gradient(0deg, rgba(0,0,0,0.49),rgba(0,0,0,0.49)), url(https://test.com/wp-content/uploads/2020/04/image.jpg);
}
The goal is to remove the gradient black color but keep the background image individual for each page.
I have tried several approaches but could not figure it out.
Any help on this is greatly appreaciated.
Thanks in advance
Michael
Hi there,
You can simply edit your Header Element - set the Background Image to Featured Image and disable the Background Color Overlay
Ah - found it, thank you very much David!
You're welcome