Animated Text on Demo

Hi there,

How does one add an animated text as display on Ignis header section “developer” and “designer”. Also, how to change the colour of these animated text?

Thank you.

I can’t help, but would like to add on to this conversation. Is there a way to change the animated text font as well?

1 Like

Hello there,

To edit the animated text, from your site dashboard, go to Appearance > Customize > Header > Header text.

To change its color, go back to Customize > Colors > General; then choose a color for Secondary color.

Regards,
Kharis

To change the font of typed text, use this CSS code:

    .typed-element {
      font-family: "Times New Roman", Georgia, Serif;
    }

To apply extra CSS code to your site, add it to Appearance > Customize > Additional CSS from dashboard.

If you’re new to CSS font family, read this article.

To apply Google Font to your WP site, you’ll need to use extra plugin like Easy Google Fonts.

Regards,
Kharis

Hi Kharis,

Have a great year and all the best!

Thank you.

I tried using the code you provided and it did not change anything to my animated typing.

Try clearing any applied cache as it usually prevents new code additions to take effect.

Regards,
Kharis

1 Like