Kadence Blocks 3.0 was released at the end of February, and this was a MAJOR update that brought many fundamental changes to Kadence Blocks. If you’re interested in learning about all of the new changes, you can read about the update in more detail here! While this update focused mainly on the new user interface and cleaning up code, they also snuck in a new typing text feature in the Advanced Text block! In this blog post, I’m going to show you how to create this typed text effect, and it’s SO easy!

Let’s make a trendy typing text effect!

Step one:

Add a new Advanced Text block or edit an existing Advanced Text block. Then with your cursor, highlight the word or phrase that will have the typed text effect. This will be your first string.

Typed Text Effect in the Kadence Advanced Text Block Highlight

Step two:

Click the More arrow and select Typed Text. This will open the Typed Text settings and allow us to add additional strings.

Typed Text Effect in the Kadence Advanced Text Block Selecting Typed Text

Step three:

Adjust the cursor. The default cursor is an underscore, but I’m going to change mine to the pipe/line symbol. You can use whatever you’d like. Next, you can choose to enable or disable looping. If you keep looping enabled, your typed text will run on an infinite loop.

Typed Text Effect in the Kadence Advanced Text Block Cursor and Loop

Step four:

Add additional strings! Simply type in your string, and then click the Add String button to add more if you’d like. There are also additional settings here you can play around with, like enabling shuffle.

Typed Text Effect in the Kadence Advanced Text Adding Strings

Step five:

Adjust your speed settings to your liking! I’m going to slow mine down just a bit and use 60ms type speed and 60ms backspace speed.

And that’s really it! I told you it was easy!

Typed Text Effect in the Kadence Advanced Text Adjusting Speed

Here’s what my typed text looks when it’s all finished:

Easy to use, fully customizable WordPress themes for heartdriven creatives

Blog Post How to Create a Typing Text Effect Using Kadence Blocks

Leave a Reply

Your email address will not be published. Required fields are marked *