How To Change Bullet Lists Into Checkmarks Or Other Icons In Divi
Here is a quick Divi tutorial showing you how to easily change bullet lists into checklists and other icons with a few simple CSS snippets.
FULL TUTORIAL & CSS SNIPPETS HERE: http://bit.ly/38x6EpT
Replace Bullets With Icons
Turn Bullets Into Check Marks in Divi
You may have noticed we sometimes use checklists here on the blog and in our child themes for sale. I decided to show you how easy it is to change bullet lists into check marks in Divi with just a few snippets of CSS code that you can use globally on your Divi website.
How to Use The CSS Snippets
1. Add a CSS class to your text module
Add a Text Module to your layout.
Open the Text Module settings.
In the Content tab, create a list of bullet items.
Go to the “Advanced” tab.
Open the “CSS ID & Classes” toggle
Add the class “pa-bullet-list-1” to the “CSS Class” (change the class number to 2 depending on which snippet you use below)
2. Paste the CSS snippets below into your Divi Theme Options Custom CSS box
Tutorial and CSS Snippets Here: https://www.peeayecreative.com/hide-d...
How To Modify Our Check Mark To Make Your Own Bullet Lists In Divi
Once you have the base code above you can now use any icon that you would like. The icons I use here are ETModules icons, which come standard with Divi and you can view a list and grab from their blog for free. The rest of this tutorial will be a simple example of how to add other icons of your choice.
Once you have copied the code from the icon that you want, you will need to find the original code in the first snippet listed above and replace it. In this example, the ๒ (the checkmark) is used. NOTE: Always remove the &#x.
Become a member of our Divi Adventure Club!
https://www.peeayecreative.com/produc...
Join The Divi Teacher Facebook group: / thediviteacher
Visit our Divi child themes, plugins, tutorials, and courses here: https://www.peeayecreative.com/
Thanks for watching!