Skip to content

Instantly share code, notes, and snippets.

@dividezigns

dividezigns/Replace List Bullets with Divi Icons

Last active May 6, 2018 05:35
Show Gist options
  • Save dividezigns/9dd7da82eb25b4af4edcadd18813d70b to your computer and use it in GitHub Desktop.
Save dividezigns/9dd7da82eb25b4af4edcadd18813d70b to your computer and use it in GitHub Desktop.
Download ZIP
This code will replace the standard HTML list bullets and with any Divi icon. Place code in style.css file in your child theme directory.
Raw
Replace List Bullets with Divi Icons
.custom_bullets ul {
padding-bottom: 20px;
}
.custom_bullets li {
padding-left: 15px;
padding-bottom: 0em;
list-style-type: none;
}
.custom_bullets li::before {
font-family: 'ETmodules';
content: "\45";
color: #0C71C3;
position: absolute;
left: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment