Most of the styles of the icons can be modified under the design tab in the Divi Module settings. The Divi Icon King plugin comes with a few built in filters to allow you to quickly switch between icon sets. Step 7: Now change the icons to the ones you want.You will find a list of the social media icons fonts that comes with Divi here (scroll down to bottom). Search for: So let’s get cooking! I’m also actively working to add compatibility to any 3rd party modules that don’t work with Divi Font Awesome right out of the box so if you come across any, let me know! Other Divi Plugins Divi Breadcrumbs Module Divi Image Carousel Module Divi Overlay on Images Module. But what if you need to add an image or change the alignment? They’re already installed in … However we can easily replace the plus and minus icons with another icon available inside Divi. You can see them all on the following image. Enable the link icon to control all four corners at once, or disable to define custom values for each. Find the icon you wish to use from the table below, then copy and paste its code into the Column Content row of your table. Divi includes 380 icons that are available to any module that uses icons, and 3 social icons for the footer. Mit diesem Modul lassen sich ebenfalls Social Icons anzeigen. Magnifying 3D Tilt Effect . Enhanced: Divi Lottie Module white gap. Step 6: Paste what you copied where you want the icon to go (i.e. It allows you to create beautiful blurbs with animated icons. You can enable this switch to use Icon and browse from hundreds of Icon from Divi Icon Library. Here is what it will look like (with no additonal styling). The standard Divi social media follow module includes 14 social media icons. Somehow, they get real boring quickly, and they’re not always the coolest. At this point we have quite a lot of Divi menu tutorials, and I know many of you are thrilled about that.We still have more in our series on the Menu module, but the cool part about the tutorial today is that we made the code work with both the default Divi menu and the Menu module. Divi Carousel Module plugin adds an advanced module to Divi and Extra theme builder. So here they are. Add more icon sets to Divi. I want Divi Icon King to play nice with as many 3rd party Divi plugins as possible. In addition to these, you can also use Divi modules to trigger your Divi modal on the page. Divi Toggles and Accordions use the ETmodules icon font. (/IMPORTANT) Still have a question? Here is what it will look like (with no additonal styling). After you add your first Icon List, you will see a gray bar appear with the title of your Icon List shown as a label. Enhanced: Divi Text Divider Module in Theme Builder where in some cases fonts are not rendering. Here you can add padding in the icon to make to look perfect if you are using the background color. They’re already installed in your theme, so you might as well get good use out of them! There really isn’t much to it, just a little CSS. New modules can only be added inside of Rows. Divi Icon Party adds additional 34 icons to the module. Preparation . For web designers free Divi modules it’s making their lives easier and saving them money. arrow_down . This product is valid to be used on Unlimited Websites for the Lifetime of the Product. And else you can play around with Tooltip text's font, size, color, weight and more. Here you can choose the direction of the Icon, if you'll select Left to Right the icon will be on Left and the text on Right. If you are starting a new page, … Adding Icons To Your Divi Menu Another Divi Menu Tutorial. With Divi, you’re never out of icons option to add them on a webpage. Divi Icons List – Preview. Disabling this switch will show (+) button to add an image to the list rather than Icon. The WP and Divi Icon plugin ships already integrated with leading icon font sets: Font Awesome and Material Design, use thousands of third-party icons directly from within the WordPress editor or the Divi … We have prepared 3 Demo Sections to show you some samples of using custom fonts on your website. This module is nothing else like a Blurb module, but instead of Icon/Image, you can upload animated icon in .json file. There are 360 icons in total. Supreme Divi Gradient Text – By using Divi’s built-in background gradient tool, this module allow you to have gradient text without coding. Choosing this option will take you to the Divi-Modules checkout page where you can complete your purchase. Easily adapt the free Divi modules to make them work in any website design. It can display as many of these networks as you want and you can show multiple versions of each network with each one styled differently and pointing to a different link. Enable the link icon to control all four corners at once, or disable to define custom values for each. Less than 5 minutes! The WP and Divi Icons (previously known as the Divi Icon Expansion Pack) plugin is available in both free and paid premium versions. In this tutorial I will share the steps to change the Icon in the Toggle or Accordion module with another icon. Check out the toggle below. Still have a question? List Item Rounded Corners, Border and Box Shadow. Without having to integrate an external icon set to a Divi website, the Divi Icon Expansion Pack automatically adds a collection of custom fonts to Divi and Extra, for use directly within the Divi Builder itself. Each of these elements can be customized using the Lottie Icon module settings. Les modules Divi > Le Module Suivez-nous sur les Réseaux Sociaux Ajoute rapidement des liens vers tes réseaux sociaux avec des icônes intégrées à Divi à placer où tu veux dans tes pages. This article will be a really short one, as I just wanted to feature all the icons available within the Divi theme (for example in the blurb module). Icon List module is like the Divi Blurb Module but more enhanced and well-aligned. The animated icon can be found on the official Lottie Files Website. You can see them all on the following image. Here you can add Corner Radius, Border and Box Shadow to the List Item. With this module, you can add any amount of carousel slider in your website.