I'm on 7.1 , and I'm using one of the "headline" sections that gives you a background image with text and button over top.
My issue is that by default there is an opacity: 0.15 on the image and it looks washed out.
How can I set the opacity to 0 for my background image so it's full color?
This code used to work:
.section-background-overlay{
opacity: 0;
}
Now, the above opacity is crossed out and this appears to be controlling the opacity:
element {
opacity: 0.15;
}
In the HTML it looks like there are several data controller tags like: data-image-overlay-opacity="0.15" Basically, I'm unclear how to reference this in css as it's not referencing a specific class or ID.
How can I set the opacity to 0 for my background image so it's full color?