Font Awesome for Divi Builder 2.4 become pretty popular and lot of the users also use Font Awesome icons in Blurb modules.
Not long ago Font Awesome 5 came out, and there are people who want to switch over. So here is a guide on how you can switch over to FA5 icons easily if you are using FA icons in Blurbs and if you are using the FA Icons for Divi Builder plugin.
Please note, this article and instructions are for Font Awesome version 4.x.
For the instructions for Font Awesome 5 click here.
To follow up last weeks post about using Font Awesome icons for a blurb instead of the built in Elegant Font icons, and as promised, here is what you can do to make it easier, faster and using less code and clicking to use them in blurbs all over your site.
Note 1: This post is not about using more than 1 icon in one blurb! Why would you anyway, right? 🙂
Note 2, to set the expectations: This solution needs some very minor technical experience (basically search and copy-paste). The solution IS simple, however it does not provide a super-simple click-and-drag-and-it-works solution. (I’m thinking about one, but it’s a tad bit difficult.)
First, what do I mean by a clickable section divider?
It is an icon usually in a circle which is positioned between two clearly distinguishable horizontal sections on a page. Most of the time the user can click the icon and as a result the page will automatically scroll to a predefined section fo the page. It is used for making navigation on longer pages easier and for decorative purposes as well.
This is a feature which I was missing from Divi, so I decided to create it. Read on to find out how it can be done.