Archived topic
Transparent heading over background color and image
3 replies · Started by Marco on May 31, 2021
I have a hero section with a background image. Inside the section I have a column with some text. Over the image and under the text I have a black background that hides the image. The text is white and I've been trying to make the text trasnparent so the image is visible through the text shape with css: mix-blend-mode: multiply
But no matter what configuration of elements and where I put the css it doesn't work.
I've used this trick with other themes and I had no problem.
Someone had this same issue?
Hi there,
can you share a link to a page where i can see this ?
Of course. Herè's the page I'm trying to make:
https://debug1.marcotorreswalker.com/servicios/diseno-web-sostenible/
and here you have an example of what I want in a testing page:
https://www.marcotorreswalker.com/blog/pruebas-varias-para-el-blog/
Hi Marco,
The background image needs to be added to the direct parent container of the h1 headline block.
Let me know :)
