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?