Insérer des icônes Font-awesome Divi sur votre site

Snippet

Insérer des icônes Font-awesome sur Divi est un jeu d’enfant. Grâce à ce tutoriel vous saurez comment importer des icônes originaux de l’une des plus bibliothèques les plus connus. Utiliser des pictogrammes vous permettra de personnaliser votre site pour qu’il soit unique et représente votre identité.

Première étape : Création d’un kit icônes font-awesome divi

1) Rendez-vous sur Font-awesome

2) Renseignez votre email, vous allez recevoir un email vous demandant d’accepter et de modifier votre mot de passe

Insérer des icônes Font-Awesome Divi - Divi pour les nuls

Création du compte Font-awesome

3) Copiez le code que Font-awesome vous donne et ajoutez-le dans le <head>, pour cela cliquer sur Divi > Intégration.
Insérer des icônes Font-Awesome Divi - Divi pour les nuls

Code du Kit Font-awesome 

Insérer des icônes Font-Awesome Divi - Divi pour les nuls

Code à ajouter dans la partie <head>

Deuxième étape : Ajouter des icônes Font-awesome sur Divi

Pour ce tutoriel, nous allons vous montrer comment ajouter des icônes Font-awesome comme dans notre menu.

Insérer des icônes Font-Awesome Divi - Divi pour les nuls

1) Chercher l’icône qui vous plaît dans l’onglet Icons du site Font-awesome.

2) Copier le code html du pictogramme voulu

Insérer des icônes Font-Awesome Divi - Divi pour les nuls

Icônes de Font-awesome

Insérer des icônes Font-Awesome Divi - Divi pour les nuls

Icônes de Font-awesome

3) Aller dans l’onglet Menu dans Apparence, sélectionner là où vous souhaitez mettre votre pictogramme et enregistrer.

Insérer des icônes Font-Awesome Divi - Divi pour les nuls

Et voilà, vous avez des icônes Font-awesome.

Remarque : si vous souhaitez modifier la couleur des icônes, il vous suffit de coller ce code et de remplacer la valeur de la couleur.

.fa-long-arrow-alt-right {
color: #bd1d8b !important;
margin-right: 15px !important;
}

Si vous avez des questions, n’hésitez pas à commenter ci-dessous ou rejoindre notre groupe Facebook 😉

Accéder à des contenus exclusifs sur Divi

Inscrivez-vous à la Newsletter et profitez de contenus exclusifs sur le thème et le builder DIVI

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée.