Comments 2Geri van den started the conversationFebruary 21, 2024 at 7:06pmIs it possible with css to create an overlay (black, certain percentage) on the Hero image of a portfolio page? 1,802Support repliedFebruary 22, 2024 at 6:35amHi Geri,so let's take a portfolio page as an examplehttps://fotomuseumtilburg.nl/exposities/op-naar-hollywood/We suggest either giving an opacity to the hero image#hero-bg-image { opacity: 0.7 !important;}in customizer -> additional cssor a bit more complicated solution is to apply a linear gradient https://dev.to/selbekk/how-to-overlay-your-background-images-59lebut I think you need to modify the code as well for that.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 2Geri van den repliedFebruary 25, 2024 at 4:17pmSuper! Thank you!1 Like Sign in to reply ...
Is it possible with css to create an overlay (black, certain percentage) on the Hero image of a portfolio page?
Hi Geri,
so let's take a portfolio page as an example
https://fotomuseumtilburg.nl/exposities/op-naar-hollywood/
We suggest either giving an opacity to the hero image
#hero-bg-image {
opacity: 0.7 !important;
}
in customizer -> additional css
or a bit more complicated solution is to apply a linear gradient
https://dev.to/selbekk/how-to-overlay-your-background-images-59le
but I think you need to modify the code as well for that.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Super! Thank you!