Customize Site Title with mix-blend-mode

[PTD]

Dear Laytheme team,

I'm attempting to customize my site title as well as my menu with a simple mix-blend-mode with the the goal to specify how the fixed site title and menu should blend with the images when scrolling.

I've trying the following in custom CSS, however, nothing seem to work.

body.slug-info .sitetitle.txt .sitetitle-txt-inner span{
mix-blend-mode: difference;
}

Would you be able to help me please?

Many thanks in advance :) !
Thao

[arminunruh]

mh mh

i cant get it to work at all either hm

[arminunruh]

ok when i use an image like a jpg as the site title
and then do

.sitetitle{
mix-blend-mode: difference;
}

that way it works for me

good luck

[arminunruh]

look at this:
https://www.instagram.com/reel/Cjm8eHkjiXA/?igshid=YmMyMTA2M2Y=

[PTD]

Very cool! I'll try that. Thank you Armin for sharing the post!