Site logo

Archived topic

How to add a Text Typing Animation in GeneratePress hero section?

15 replies · Started by Sibi Paul on October 5, 2021

Viewing posts 1–15 of 16

Hello...

I have seen Text Typing Animation on some modern websites...

Some Texts appear as typewriting effects with cursor...

Normally it's done with CSS.

is this option available in GP Blocks Pro?

or

is there any custom CSS to have this simple option in the Hero section?

Hi there,

There is no option for this in GenerateBlocks pro.

We cannot help with a custom solution here as it's not theme-related and requires some custom development.

However, looks like the description of the video you've linked provided the some instructions you can try though.

You should be able to find lots of other articles on Google as well.

Hope this helps :)

I expected this reply...

anyway, thanks for the clarification.

Even if I use an external code... I'm confused about, how to bring it into the GP Block Hero section.

if you don't mind, can you please share some additional help?

Thanks.

You would basically need to follow an example and insert your content using an HTML block.

Add the CSS and js and whatever else the solution requires.

Hi...

I have done almost everything...

Now I want to add the HTML effect in one of my hero sections - together with a block.

Were you able to make it work in the normal page editor first?

This solution might not work in a WordPress environment without tweaking some things.

I see that the author mentioned: If you face any problem please feel free to contact us.

Somehow...

I managed it...

But Really need your help with some changes...

Kindly look into the hero section.

and give me some advice...

Thanks.

Looks good to me!

You should be able to do the same thing using a block element page hero.

I'm not sure what changes you are looking for but we cannot provide assistance for a custom solution in the forum here.

Thanks for your understanding.

block element page hero

What does that Really Mean?

That worked for desktop...

but its layout not works on the Phone.

is there any solution to get the custom HTML block to optimize for mobile?

What exactly doesn't work on the phone?

Is there a page I should be looking at?

This code is not optimized for wp.

my webpage

This archived topic is closed to new replies.