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?
Question
jpwelchux 0
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?
Link to post
Top Posters For This Question
1
1
1
1
Popular Days
Jan 20
1
Jan 21
1
Jul 16
1
Sep 18
1
Top Posters For This Question
jpwelchux 1 post
tuanphan 1 post
theresa.southern 1 post
vanessakrystin 1 post
Popular Days
Jan 20 2020
1 post
Jan 21 2020
1 post
Jul 16 2020
1 post
Sep 18 2020
1 post
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment