Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to Embed Font Awesome Icons to Divi Theme
ChannelDivi SpaceDescription from the creator
✅ Tutorial Link: wpzone.co/wordpress-and-divi-code-snippets/embe…
———
✅ Font Awesome Website: fontawesome.com
✅ WP and Divi Icons: wpzone.co/product/wp-and-divi-icons/
———
❤️ Get in touch with WP Zone:
wpzone.co/contact/
facebook.com/wpzoneco/
———
📃 Video Transcript:
Hey everybody, David here from WP Zone. Today I'm gonna show you two ways to add font awesome to your Divi Website. The Font Awesome icon set is very popular and easy to use, so let’s dive in! The first way to integrate Font Awesome’s CDN into Divi is to embed the code into Divi’s header. If you haven't already done so, pause this video now, follow the link in the description, and head over to create a new Font Awesome account In the Start Page, first create a project by typing the name and clicking create.
Click the blue Copy Kit code button so you can paste it into Divi.
In your WordPress dashboard, navigate to Divi and Theme Options (pause) and select the Integration tab. Make sure the header code is enabled and paste the code. That’s it! Now Font Awesome is enabled and ready to use as an HTML code Now I will show you how to use it in the text module. Let’s find the right icon, maybe a rocket. Okay, here it is. I’m going to copy the code and paste it into the text module. Here is the rocket! Easy, right? You can also stylize the icon with additional css. Because they're simply fonts, you are able to style them as fonts. I’ll add a custom css class ds-blue-icon. I can make it bigger with font-size property
And make it blue, and I’ll also add a 1px border (pause) and some padding. Now I want to add rounded borders, maybe 10px.
You can even add a custom background. Awesome, right?! The second way to install Font Awesome to your site is to use the wp and divi icons plugin where you’ll have more than 2500 icons at your disposal. . This is one of my favourite Divi plugins, because you can create really unique designs (pause) AND it has a keyword based search function. WP and Divi Icons Pro is available as a standalone purchase but it’s also included in the Divi Space Annual Membership and Lifetime Membership. There is also a free version available, check out more information on our website- wpzone.co I will put a link in the video description.
Thanks for watching and see you next time!
———
🎵 Track Info:
Title: Campfire by Scandinavianz
Genre and Mood: Pop + Inspirational
———
Thanks for watching!
Please subscribe! ❤️
———
✅ Font Awesome Website: fontawesome.com
✅ WP and Divi Icons: wpzone.co/product/wp-and-divi-icons/
———
❤️ Get in touch with WP Zone:
wpzone.co/contact/
facebook.com/wpzoneco/
———
📃 Video Transcript:
Hey everybody, David here from WP Zone. Today I'm gonna show you two ways to add font awesome to your Divi Website. The Font Awesome icon set is very popular and easy to use, so let’s dive in! The first way to integrate Font Awesome’s CDN into Divi is to embed the code into Divi’s header. If you haven't already done so, pause this video now, follow the link in the description, and head over to create a new Font Awesome account In the Start Page, first create a project by typing the name and clicking create.
Click the blue Copy Kit code button so you can paste it into Divi.
In your WordPress dashboard, navigate to Divi and Theme Options (pause) and select the Integration tab. Make sure the header code is enabled and paste the code. That’s it! Now Font Awesome is enabled and ready to use as an HTML code Now I will show you how to use it in the text module. Let’s find the right icon, maybe a rocket. Okay, here it is. I’m going to copy the code and paste it into the text module. Here is the rocket! Easy, right? You can also stylize the icon with additional css. Because they're simply fonts, you are able to style them as fonts. I’ll add a custom css class ds-blue-icon. I can make it bigger with font-size property
And make it blue, and I’ll also add a 1px border (pause) and some padding. Now I want to add rounded borders, maybe 10px.
You can even add a custom background. Awesome, right?! The second way to install Font Awesome to your site is to use the wp and divi icons plugin where you’ll have more than 2500 icons at your disposal. . This is one of my favourite Divi plugins, because you can create really unique designs (pause) AND it has a keyword based search function. WP and Divi Icons Pro is available as a standalone purchase but it’s also included in the Divi Space Annual Membership and Lifetime Membership. There is also a free version available, check out more information on our website- wpzone.co I will put a link in the video description.
Thanks for watching and see you next time!
———
🎵 Track Info:
Title: Campfire by Scandinavianz
Genre and Mood: Pop + Inspirational
———
Thanks for watching!
Please subscribe! ❤️
About this tutorial
Divi Space published this 4:09 video tutorial on October 26, 2019. It has been watched 22,916 times on YouTube.
- Channel
- Divi Space
- Category
- Entertainment
- Duration
- 4:09
- Published
- October 26, 2019
- Views
- 22,916
- Likes
- 166
Tags
Share
This tutorial in other languages
- FRComment intégrer des polices impressionnantes icônes à thème Divi
- ESCómo Insertar iconos de fuente impresionante para Divi temático
- PTComo incorporar Fonte ícones impressionantes para Divi Tema
- ITCome incorporare font Icone impressionante per Divi Theme
- DEWie Einbetten Font Super Icons zu Divi Theme
- NLHoe insluiten Font Awesome pictogrammen om Divi Theme
- RUКак встроить шрифт Потрясающие иконки для Divi Theme
- PLJak osadzić czcionki Niesamowite ikony Divi tematu
- JAどのようにディビテーマに埋め込みフォント恐ろしいアイコンへ
- ARكيفية تضمين الخط الأيقونات ممتاز لديفي الموضوع
- HIकैसे Divi विषय को एम्बेड फ़ॉन्ट बहुत बढ़िया प्रतीक को
- IDCara Embed Font Keren Ikon ke Divi Tema