A little handicap? The icons list is not so wide and often we have to use the same icons ever. So, working on a project i find myself needing some further icon to put on my homepage ‘Features’ section.
So there are few ways in order to customize our Divi Blurb Icons, from manipulate directly the source code ( maybe we’ll see this complex way in a future post ), to using a plugin like Divi Booster; but the easiest and quick way we have is simply by taking advantage of the magic of Css and a web service like Font Awesome.
So, let’s get started!
So, simply follow these five easy steps.
CSS Class: “custom-blurb-icon”
Open Page Settings and go into Advanced -> Custom Css. Then add the following code.
Ok, we are almost there. Now go into Divi Theme Options -> Integration and add to the <head> of your blog the following line.
We have now only to customize the icon dimension with our css and duplicate as many blurbs we want changing only the icon unicode.
The effect is very nice and there are really hundreds of icons to choose from. It’s a really quick and easy way to make your website more unique and personal.
Hope you find this useful. See you next post!