DIVI Blurb aber mit Font Awesome Icons

von | Feb. 14, 2024 | Allgemein | 0 Kommentare

Schlagwörter: DIVI - Font Awesome

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;
}

0 Kommentare

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert