Font Awesome icon on Custom HTML Block

Font Awesome icon on Custom HTML Block

by Juan Carlos Zayas -
Number of replies: 0

Hello All,

I am hoping someone could help me? I have been using the Essential theme for a few years now... and I have to say it is a fabulous theme to use with Moodle. I have upgraded to the latest version of Essential 3.1.1.2  on moodle 3.1.2. I am trying to replace the default Custom HTML Blocks' icon with ones from Font Awesome. In a prior Essential theme on Moodle 2.9 I was able to do that following this doc:

https://docs.moodle.org/29/en/Essential_theme_tips 

but the css code in the "Custom CSS" portion under Site Administration>Appearance>Themes>Essential>General no longer works for me.  I have tried 

.twitterBlock .header .title h2:before { 

font-family: FontAwesome; 

content: "\f099"; 

margin-right: .3em; 

color: #000; }

and named the Additional CSS classes in the HTML Block : twitterBlock 

and I am able to get the Font Awesome icon but not get rid off the default list icon. They appear next to one another. How do I fix this?



Average of ratings: -