Site logo

[Support request] How to add a Text Typing Animation in GeneratePress hero section?

Home Forums Support [Support request] How to add a Text Typing Animation in GeneratePress hero section?

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

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #1953856
    Sibi Paul

    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?

    #1953858
    Leo
    Staff
    Customer Support

    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 🙂

    #1953862
    Sibi Paul

    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.

    #1953872
    Leo
    Staff
    Customer Support

    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.

    #1953879
    Leo
    Staff
    Customer Support

    One of these solutions might be easier to follow:
    https://codepen.io/tag/typing

    #1953899
    Sibi Paul

    Hi…

    I have done almost everything…

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

    #1953913
    Leo
    Staff
    Customer Support

    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.

    #1953924
    Sibi Paul

    Somehow…

    I managed it…

    But Really need your help with some changes…

    Kindly look into the hero section.

    and give me some advice…

    Thanks.

    #1953931
    Leo
    Staff
    Customer Support

    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.

    #1953932
    Sibi Paul

    block element page hero

    What does that Really Mean?

    #1953934
    Leo
    Staff
    Customer Support
    #1953962
    Sibi Paul

    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?

    #1953986
    Leo
    Staff
    Customer Support

    What exactly doesn’t work on the phone?

    Is there a page I should be looking at?

    #1953994
    Sibi Paul

    This code is not optimized for wp.

    #1953995
    Sibi Paul

    my webpage

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.