The icons are pulled directly from Font Awesome’s website. If you do not see the icon, make sure you have added the Font Awesome Kit to your website. You won’t see the icon in your block while editing, but you can Preview the page and you will see the icon displayed.Font Awesome has a great page explaining how to use these classes and where to put the code. If you want to change the size, you can use a CSS class to make it bigger or smaller. The icon will be the same size as your text.You will need to add some basic HTML like paragraph tags, header tags, etc. Add the Font Awesome code where you want the icon displayed along with any additional content.Using an HTML block seems to work the best. While you can edit some blocks as HTML, it doesn’t always work smoothly. If you are using the block editor, we recommend using the Custom HTML block. Now that you have found the perfect icon, it’s time to add it to your site. When you find one you like, click the icon to see the details of that icon including the HTML code to use the icon on your site.Alternately, you can just browse the 1600+ free icons by scrolling through the entire set.You will see a set of icons that fit that description. For example, if you are looking for an alert icon, type “alert”.You can see a full list of the free icons available to use at under the list of. You can use the filter for Free icons to limit to the set of icons to the ones that don’t require a paid license. Font Awesome makes it easy to add icons to your website. Type a search term in the search field.Go to Font Awesome’s website and click the Icons menu at the top to see all of their free and pro icons. The first step is finding the perfect icon. How to add Font Awesome icons to your site Scroll down to Additional Code and paste in your Kit Code in the Header Tag (low priority) field.Once activated, go to Settings > Advanced Settings.Find Advanced Settings and click the Activate button.You will need to enable the Advanced Settings plugin first. If you are not using Divi as a theme, fear not, you can still add the code to the section of your site. You will now be able to use Font Awesome icons on your site.In the Add code to the of your blog section, paste the code from your Font Awesome kit.Click on the Integration tab in Divi Theme Options.If you are using the Divi theme, the ability to add the Kit code to your theme is built in. In most cases this requires being an administrator on the site. This requires being able to add it to the section. To be able to use Font Awesome, you will need to be able to add the code to your site. You will need to create your own Font Awesome Kit. Using Font Awesome is a more advanced feature and requires being able to add a script tag to your site and edit some simple code when you want to add icons.Īdding a Font Awesome Kit Code to your site
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |