Divi-Icons ganz einfach in ein Text-Modul einfügen

Divi-Icons ganz einfach in ein Text-Modul einfügen

05. Okt. 2023

DIVI und Extra Theme User dürfen sich freuen. Ohne Download und große Umwege ist es kinderleicht Icons in einem Text-Modul oder wo auch immer ihr einen Text eingeben wollt, einzufügen.

Was ihr braucht, ist lediglich den Unicode des Icons, der in etwa so aussieht (Facebook Icon):



und den ihr bei Elegantthemes unter dem Abschnitt „Complete Set and Unicode Reference Guide„:
https://www.elegantthemes.com/blog/resources/elegant-icon-font findet.

Wichtig: Stelle sicher, dass unter
DIVI ⇾ Theme Optionen ⇾ Leistung / Dynamische Symbole deaktiviert ist.
Sonst funktioniert es eventuell nicht.

Alles, was ihr tun müsst, ist den Unicode dort hinzuzufügen, wo ihr ihn in einem Texteditor haben wollte.

Dazu öffnet ihr das Text-Modul und wechselt von Visuell auf Text und gebt folgendes an der Stelle ein, an dem das Icon hin soll:

<span class="et-pb-icon" style="font-size:16px">&#xe076;</span>

Hier ist ein kurzer Mitschnitt:

Viel Spaß beim Ausprobieren an have fun with DIVI!

Hallo,
ich bin Marjeta

Hier schreibe ich über alles, was Deine Website einen Schritt nach vorne bringt und Dich ermutigt Dich mit Deiner Website anzufreunden und Lust zu bekommen selbständig damit zu arbeiten.

Seit über 15 Jahren programmiere ich WordPress Websites und begleite sowohl Newcomer als auch erfolgreiche Unternehmerinnen und Unternehmer dabei, aus ihrer Website ein Erlebnis zu machen.

Einfach. Klar. Du.

Hallo,
ich bin Marjeta

Hier schreibe ich über alles, was Deine Website einen Schritt nach vorne bringt und Dich ermutigt Dich mit Deiner Website anzufreunden und Lust zu bekommen selbständig damit zu arbeiten.

Seit bald 15 Jahren programmiere ich WordPress Websites und begleite sowohl Newcomer als auch erfolgreiche Unternehmerinnen und Unternehmer dabei, aus ihrer Website ein Erlebnis zu machen.