We have created a website where there is a custom css background with linear gradient and mix blend mode.
As you can see at the screenshot, the background is not properly sticked to the div. I tried to use background-position property with value inherit and thought it will get the values from the div and will perfectly size and position the background, however, this did not happen.
Hi @daniel2, Thanks for the post, I was taking a look but could not reproduce the trouble, have you been able to already resolve the issue or did you take another approach?
Hi @daniel2, I was doing some additional testing and it seems there is a max width of 70% set on the div block 27, when I remove that max width so that it is set to the default, then the blend mode renders fine with correct positioning using the custom code on your page.
See the max width to remove:
I would try that next, after removing max width, then republish the site.
Here is what it looks like for me in Test:
I hope this helps, let me know if there is still trouble after making that change and republishing.