CSS: remove linear-gradient but keep background image

[Michael]

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

[David]

Hi there,

You can simply edit your Header Element – set the Background Image to Featured Image and disable the Background Color Overlay

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

[Michael]

Ah – found it, thank you very much David!

[David]

You’re welcome

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

[Author]

Posts