Site logo

Archived topic

CSS: remove linear-gradient but keep background image

3 replies · Started by Michael on April 10, 2020

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.