bluvertigo
1/28/2015 - 10:21 AM

Font Awsome nelle liste ul li / Font Awesome in an unordered list

Font Awsome nelle liste ul li / Font Awesome in an unordered list

/* Use the following CSS code if you want to have a class per icon */
ul { padding-left:20px; list-style:none; }
li { margin-bottom:10px; }
li:before {    
    font-family: 'FontAwesome';
    content: '\f068';
    margin:0 5px 0 -15px;
}
// Register Style
function organicweb_load_fontawesome() {

	wp_register_style( 'organicweb_fa', '//cdn.jsdelivr.net/fontawesome/4.1.0/css/font-awesome.min.css', false, '4.1.0' );
	wp_enqueue_style( 'organicweb_fa' );

}

// Hook into the 'wp_enqueue_scripts' action
add_action( 'wp_enqueue_scripts', 'organicweb_load_fontawesome' );
<ul>
    <li>Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor. Lorem ipsum deserunt consequat fugiat tempor.</li>
    <li>List Item</li>
    <li>List Item</li>
</ul>