Hi folks,
How can I set a gradient overlay with opacity on top of a banner image via CSS?
I’ve tried a few code variations without success. The image is inside the block #lp-pom-block-10
#lp-pom-block-10 {
width: 100%;
height: 100%;
center center no-repeat;
background-size: cover;
#lp-pom-block-10 {
content: ‘’;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
opacity: .6;
}
}