Css to hide widget icon?

[dsthompson]

Hi. I all of a sudden ( don’t know why) I have an icon appearing before my widget titles and have trid to hide with the following css - but neither seem to do the trick. Are the x-flickr-widget and x-dribbble-widget part of the theme? If so how to remove them? Site reference is https://mysalus.org/community/

.h-widget:before {
padding-right: 0.4em;
font-family: “fontawesome”;
dispaly: none !important;
}

.h-widget:before, .x-flickr-widget .h-widget:before, .x-dribbble-widget .h-widget:before {
position: relative;
font-weight: normal;
font-style: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
speak: none;
display: none;
}

Thank you

[thai]

Hi There,

There is a syntax error in your custom CSS.

Please change to this:

.h-widget:before {
     padding-right: 0.4em;
     font-family: "fontawesome";
     display: none !important;
}

Hope it helps

[dsthompson]

Thank you for the quick response. I corrected the typo, save customizer change, and cleared browser cache (not using other cache right now). Unfortunately that did not remove the fontawsome icon.

Other ideas?

Thanks

[rad]

Hi @dsthompson,

Let’s try it this way, please go to Theme Options > Typography > Headings and turn off the Widget Icons.

Thanks!

[dsthompson]

Thanks so much. That did it!

[ruenel]

You’re welcome!
We appreciate for letting us know that it has worked for you.