Heute zeige ich euch einen Weg wie ihr in DIVI ein Icon neben ein Menu Punkt setzen kann und dafür verwenden wir das DIVI Icon Font Paket. Das ist nämlich seit über 10 Jahre Teil von DIVI und hat über 350 Icons die man verwenden kann. Ihr seht man muss nicht unbedingt eine neue Verbindung öffnen zu Font Awesome – manchmal reichts schon zu checken ob das Icon in diesem Paket verfügbar ist (oder was ähnliches).

Video

Icon aussuchen

Als erstes muss man natürlich jetzt das Icon aussuchen das man gerne haben möchte. Wir verwenden dafür die bereits fix eingebauten Elegant Icon Fonts
https://www.elegantthemes.com/blog/resources/elegant-icon-font

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.menu1::before{
font-family: "ETmoules";
content: "\59";
color: #000;
font-size:25px;
margin-right:5px
float:left;
}
 
.menu2::after{
font-family: "ETmoules";
content: "\59";
color: #000;
font-size:25px;
margin-right:5px
float:right;
}