problem with background and mix-blend-mode: difference for menu

[Dawid]

www.argoth.pl
Safari / iMac

I'm having a problem with the background and the "Make Texts mix-blend-mode: difference" feature for the menu. If I set the background globally (in "Apperance/Customize")—in my case, a large centered logo—and add a white background color, the "mix-blend-mode: difference" feature doesn't work, and the menu becomes invisible. However, if I add a background color directly on a specific page, the feature works, but it covers up the background I set globally (in "Apperance/Customize"). Unfortunately, when I set the background on a specific subpage, I can’t adjust its settings (stretched, centered, etc.)

Is this a bug in LayTheme or am I doing something wrong? :)

[arminunruh]

wow really cool looking site!! ok let me check

[arminunruh]

okay, so it seems that generally in browsers, Mix Blend Mode difference just doesn't work with body background images.

That's why in the next version you will have this checkbox here:

at the bottom. check it and then it should work

[arminunruh]

And background images for pages will have these settings that you requested.

[arminunruh]

so yeah, all of this will be included with the next update. Once I release it, you can try this out.

[Dawid]

Thank you Armin as always and thx for kind words! :)

[Dawid]

Hi! @arminunruh - I did an update, and there's still one small bug. When I select "Centered and fixed" and enable the "Improve Mix-Blend-Mode" feature, the background stretches instead of centering.

[arminunruh]

Alright, so you used some custom CSS to make it contained; however, this doesn't work for the additional layer that is created when enabling the Mix Blend Mode Difference Compatibility checkbox.

So for the next update, you will have the settings that you see above.