Site title color change based on background
-
"I would like to implement a feature on my website where the site title inverts according to the background, similar to what's seen here: https://lsbstudios.co.uk. I have tried adjusting the title, which is embedded as an SVG, using CSS and JavaScript, but I couldn't achieve a working result. Has anyone ever done something similar before?"
-
-
yes that is a great way to do it too!
we also did it this way here by just switching colors when on a black row: -
Hey Johannes, to achieve the effect, you just need to add the following css:
.sitetitle {
mix-blend-mode: difference !important;
}@domphilcox Thank you for the response. I'm not sure if I'm misunderstanding something, but simply inserting the code into the custom CSS does nothing except invert my current logo. However, it doesn't affect the background. Or am I misunderstanding something?
-
do u have a link @JohannesHaech
? -
of ur website i mean
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