To change the bullet list icons in the Text module please follow these steps:
Step 1: Add a Custom CSS Class to the Text Module
Open the Text module settings.
Go to Advanced > CSS ID & Class.
Add the class "et_custom_text"
Step 2: Add Custom CSS Code for the Text Module
Add this code to Divi > Theme Options > Custom CSS box:
.et_custom_text ul {
list-style-type: none!important;
}
.et_custom_text ul li:before {
content: '\e052'!important;
color: #2cba6c;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -15px;
}In the code provided, '\e052' is the icon code.
content: '\e052'!important;
You can change this code to use a different icon. To find more icon codes, refer to the list of icon codes. Copy the symbol between "x" and ";" and paste it into the code like this:
content: '\38'!important;
