mix-blend-mode
-
@fr It works thank you so much !
But it's doesn't work with the sitetitle
.sitetitle { mix-blend-mode: difference; } .second_menu { mix-blend-mode: difference; } .third_menu { mix-blend-mode: difference; } .fourth_menu { mix-blend-mode: difference; } nav.sitetitle a { color: white; } nav.second_menu a { color: white; } nav.third_menu a { color: white; } nav.fourth_menu a { color: white; }@clara_andrea that is because site title is not a part of "nav".
.sitetitle-txt-inner { color: white; } -
It works ! Thank you so much !
And last thing, so sorry, do you know if it's possible to attribute this only on the main page ? Because the white text for the menu is problematic in the project pages , we can't see it appears except with the hover but not everyone can guess.
Thank you again
-
@clara_andrea i don't know what you mean, I think it works perfect now.
you can do css for specific pages with slugs, see here under custom css styling:
https://laytheme.com/documentation.html
-
I try with safari and yes it works perfectly, but with chrome the menu text stay white and doesn't appears except above visuals or if I hover it.
-
@clara_andrea ok for chrome you have to make your background white. with this:
.lay-content{ background: white; } -
@clara_andrea ok for chrome you have to make your background white. with this:
.lay-content{ background: white; }@felix_rabe Thank you it works perfectly :)
The last thing is, when I'm on a page from the menu (about, shop), the name of the menu in question disappears. I don't know if it's still in the subject/due to the change of colors but before it wasn't like that so maybe there is something to add ?
-
@clara_andrea this is because your active menu point is black (so its invisible with the mix blend mode). You have to make it white in the customizer.
-
@clara_andrea this is because your active menu point is black (so its invisible with the mix blend mode). You have to make it white in the customizer.
@felix_rabe Thank you so much for your help ! Everything is working !
-
Hey @felix_rabe Can you help me with this too?🙏🙏 I'm trying to apply mix-blend-mode: difference; in the project-index but I can't get it. Any tips? https://alvarodoze.com/try-copy-2/
Cheers mate!!
-
i think it doesn't work if the div is not a direct parent of the background
i think it wont be possible with a projectindex -
Hey @arminunruh is there a way of using "mix-blend-mode" but keeping the text either black or white instead of inverting the colors?
I've tried using all the different blend modes but they all have a reversed color output.
I've also tried using filter and grayscale but these don't work after the mix-blend-mode" function.
Would there be any java script that could dynamically change text to either black or white when scrolled over images?
-
no there is nothing like that
-
-
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login