hello! i am trying to use a custom image with text overlay. when using the heroheader background building block there is a dark overlay over my image. (I even notice this dark overlay while using the card background building block). i am wanting to remove this dark overlay as my image does not need any, does anyone have any suggestions? I tried using the classes listed on the containers and in my custom scss putting background-color: none !important however it doesn’t work and i tried looking for the heroheader class in the custom-variables.cscss file but could not find it i feel like this is a simple fix that i am just overlooking. Thank you for your help!
asked
Corina Lopez
1 answers
1
I think you are looking for setting the brightness back to 100%:
This gets set in custom-variables.scss via variable $header-bgimage-filter: brightness(60%);