Add to functions.php
0 1 2 3 4 5 6 | function jma_child_scripts() { wp_add_inline_script('fontawesome', 'window.FontAwesomeConfig={searchPseudoElements:true}', 'before'); } add_action('wp_enqueue_scripts', 'jma_child_scripts'); |
The Css:
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | /* get rid of the bullets */ #content ul li { list-style-type: none; } /* suppress the default fontawesome behavior */ #content ul li::before { display: none; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } /* add your icon (right-angle here) */ #content ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f105'; } /* fontawesome hijacks the before pseudo element so we have to position w/ the class that they add */ #content ul li .svg-inline--fa { margin: 0 5px 0 -20px; } |