How To Add Arrow Icons Between Divi Columns To Create Process Steps

In this tutorial, I will show you how to add arrow icons between Divi columns in a row to create process steps.

I often see sites that say three easy steps, 1 – 2- 3, or something like. One way to improve these is to add an arrow icon between the columns. So in this tutorial, I am going to show you how to add arrow icons between Divi columns. The arrow will be responsive on the right on Desktop, and the bottom on Tablet and Phone. I admit this is perhaps not the most valuable tutorial I ever did, but nonetheless I have seen people ask about it and I think it is worth knowing how to do.

Become a member of our Divi Adventure Club!

Thanks for watching!

[Raydfernandez]

Love your channel Pee-Aye Creative, each time I am researching for "how to guide", you are always on my go-to.

[lucanitro]

Thank you so much Nelson! Very useful video!

[JfDesigns]

You always seem to create a solution right as my project has a need for it! Thanks!

[hupka]

Nicely done! I appreciate you sharing the info.

[audreyhoffman]

This was EXACTLY what I needed, thanks so much for posting!

[lukaszlukasik]

Hi, it works almost great but if I exit visual builder I have $ instead of an arrow. Any idea what could go wrong?

Hi Nelson! Great Video! Could you make a video explaining how to make a divi button with custom icon such as WhatsApp Icon? Thank you!!

[ultimatekv]

Another great Tutorial Nelson. Btw I need a little advice from you concerning a little tweak. Shall I ask here or email you?

[mayureshwarang]

Hello Nelson, Thank you for the tutorial. One question if we want to add image can we add it via content property or do we have to use some other css property?

[Tforce]

Good tutorial but it might have been a good idea mention in the title that it's for Elementor (How To Add Arrow Icons Between Divi Columns To Create Process Steps
- Wordpress Elementor). That way it's more descriptive, I was expecting a css/html tutorial