Skip to content

Instantly share code, notes, and snippets.

@srikat srikat/functions.php

Last active Aug 29, 2015
Embed
What would you like to do?
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
You can’t perform that action at this time.