Text blend mode not working

Custom code
1

Hi there,

I’m trying to use blending modes on my website so that the text turns white on darker backgrounds, and vice versa. The problem is that the text looks like it has 0% opacity. I can highlight the text with the mouse, so it hasn’t actually disappeared—it’s just transparent. Interestingly, when I highlight the text, I can see some color changes while scrolling, so it seems to be working in some way. But why is my text transparent? Does the code goes into custom code widget or in general code?

1.PNG
1.PNG1308×742 80 KB

2.PNG
2.PNG1397×776 86.9 KB

3
31730×525 150 KB

2

well first delete the < style > tags.
you would just need it if you want to set a css value inside the other tabs (widget / head / after / before)

Other thing: if your element you want to apply the blend mode to has any animation set up you have to do it with JS as you then have to adress the parent element. There is a thread about this in the forum.