Toevoegen icoontjes van Font Awesome aan je WordPress & Divi website
Ga naar de Divi Module (meestal is dat Tekst maar dit kan ook in b.v. ook in een Divi prijstabel zoals bij ons voorbeeld)
Ga naar instellingen (2e icoontje, het tandwieltje)
Klik op de tab text (als je op Visueel staat) dan wordt de complete code van je tekstblokje zichtbaar.
Om een pictogram toe te voegen zoek je de pictogramcode op https://fontawesome.com/v4.7.0/icons/
Klik op het gewenste icoontje
kopieer de code <i class=”fa fa-bed” aria-hidden=”true”></i>
en plak deze voor de tekst
tekst = Dit is een test
dan word het:
<i class=”fa fa-bed” aria-hidden=”true”></i>Dit is een test
Wil je je eigen huiskleur toevoegen? Leuk!
Om de kleur te wijzigen verander je
<i class=”fa fa-bed” aria-hidden=”true”></i>Dit is een test
Naar
<i class=”fa fa-bed” style=”font-size: 24px; color: #2c4037;”></i>
aria-hidden=”true”></i>
vervang je door
style=”font-size: 24px; color: #cc2131 ;”></i>
Zo maak je het icoontje rood (de kleurcode vervang je naar eigen wens)
Heb je geen idee wat HEX kleurcodes zijn?
Ga dan naar https://www.color-hex.com/
Je Font Awesome icoontje neemt vanzelf de kleur van je font aan zoals je hebt ingesteld voor je website.
<i class=”fa fa-bed” style=”font-size: 24px; color: #cc2131;”></i>Dit is een test
Gelukt? Nu weet je hoe je een Font Awesome icoontje kunt toevoegen aan je Divi website. Vind je dit niets om zelf te doen? Besteed het uit. Wij vinden het wel leuk. Wel handig als je alvast de namen van je icoontjes gaat opzoeken. Dat lukt wel toch?