Font color "typer" does not change in night mode

Issue description:
I created a night/day toggle.
I also created “typer” for the second word of H1.
It should show “new,free,easy,open source” etc.
In night mode only the first word shows as white font, the following words remains in black and are therefore invisible.

  1. link: Webflow - Copy of iomete (for learning and experimentation)

  2. screenshot

  1. Public link: https://iomete-c7fd4a70417f34d612cb67a972a0f673.webflow.io/

Thanks!
Piet


Here is my public share link: Webflow - Copy of iomete (for learning and experimentation)
(how to access public share link)

Hi @pjdbruin,

Try this in Page Settings > Custom Code > Inside <head> tag:

<style>
.white-text {
color: white !important;
}
</style>

And this in Page Settings > Custom Code > Before </body> tag:

<script async src="https://unpkg.com/typer-dot-js@0.1.0/typer.js"></script>
<script>
$('.theme-btn').on('click', function() {
    $('#main').toggleClass('white-text')

})

</script>

Should fix your issue! Let me know how you go.

Cheers

1 Like

@mww Milan, muchas gracias!! this worked… you’re the best… Piet

1 Like