Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save srikat/997bf8e393d0092c5dd2 to your computer and use it in GitHub Desktop.
Save srikat/997bf8e393d0092c5dd2 to your computer and use it in GitHub Desktop.
Circular Color Bullets for List Items using Font Awesome. https://sridharkatakam.com/circular-color-bullets-for-list-items-using-font-awesome/
// Make Font Awesome available
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
}
.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
margin-bottom: 26px;
}
.entry-content ol/*,
.entry-content ul*/ {
margin-left: 54px;
}
.entry-content ul {
margin-left: 40px;
padding-left: 20px;
}
.entry-content ol > li {
list-style-type: decimal;
padding-left: 10px;
margin-bottom: 10px;
}
.entry-content ul > li {
/*list-style-type: disc;*/
list-style-type: none;
margin-bottom: 10px;
}
.entry-content ul > li:before {
content: "\f111";
font-family: FontAwesome;
font-size: 8px;
color: #eb871e;
vertical-align: middle;
margin-left: -28px;
margin-right: 20px;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment