Wir alle wissen ja, dass DIVI eigene Icons die sogenannten Elegant Icon Font eingebaut hat – das sind um die 400 Stück. Nun möchtet ihr in eurem DIVI Blurb Modul vielleicht die Font Awesome Icons verwenden, das wären ja über 2000 Free Icons mehr oder 30000 Paid Icons.

Heute zeige ich euch wie ihr die Font Awesome Icons verwenden könnt.

Video

Icon auswählen

Unter der folgenden URL findet ihr alle Icons die euch Font Awesome zu Verfügung stellt.
www.fontawesome.com

Javascript

1
2
3
4
5
6

<script>
jQuery(document).ready(function(){
    jQuery(".cb-blurb-icon .et-pb-icon").remove();
    jQuery(".cb-blurb-icon .et_pb_image_wrap").prepend("<span><i class='fas fa-earth-europe'></i></span>")
})
</script>

CSS

1
2
3
4
5
6
7

.cb-blurb-icon .et_pb_image_wrap { 
color: #EA3788;
  background: #361134;
  padding: 20px;
  border-radius: 10px;
  font-size: 48px;
}