I’m trying to add custom CSS to a class in order to use the mix-blend-mode property.
I’ve added some custom code inside the tag of the page in order to do so, but also after publishing the change do not appear to work. Checking “Styles” in the web inspector, it does not show the property to have been loaded.
What’s even stranger, it’s that other properties specified for the selection background color are correctly loaded and working.
I’ve tried everything and I’m on the verge of going insane, so I figured was a probably best to ask for your help instead of ripping my hair off one by one.
In order to debug and find the problem, I’ve created a page with only the target div
inside the body, and modified the property to simply change the background color, but even this way things do not work.
Here’s the custom CSS:
Here’s the published page to inspect:
Here’s the project in read-only mode, the problem is found in the “FillTest” page
(I can’t share only the page in read-only because I’ve started from a template, so I can’t duplicate the project to leave only this page, and I can’t replicate the structure on another project because requires hosting)
Thanks in advance for any help guys.