@userd,
Your theme has a function which turns all Font Awesome Icons to SVG icons. Please find the Icon to SVG converter option in your theme or maybe in a separate plugin you use and disable it. If you can't find just contact to your theme developers and ask them how to disable the icon to SVG converter function. This function affects all wpForo icons.
My theme has no option.
Can you explain in detail?
which have i need?
do you know about any plugin.
My theme has no option.
Can you explain in detail?
which have i need?
do you know about any plugin.
https://illicitrhythm.com/index.php/memberarea/
Please check.
Icon not loading.
@userd
That's not good. So there is no option to disable this conversion. Please disable all plugins, maybe this function come from some plugin. Then delete all caches and check. If the problem is not soled then you should contact to your theme support and ask them provide some solution to disable "<i> Icon to SVG" converter function.
Thank you @userd,
wpForo doesn't have <i> to SVG converter so it has no any chance to be wpForo problem. Ok, let's try to deactivate other plugins, delete all cache and test it again.
If we still don't find the SVG converter I'll provide fixing CSS code to style SVG icons.
wpForo doesn't have <i> to SVG converter so it has no any chance to be wpForo problem. Ok, let's try to deactivate other plugins, delete all cache and test it aga
Not working.
If we still don't find the SVG converter I'll provide fixing CSS code to style SVG icons.
I need your Method.
Ok, @userd,
That's not good that you couldn't find <i> to SVG converter. I think the theme you used after changing your current theme had also this converter. Or you didn't disable and checked plugins properly. This converter will do many problems for other plugins too.
Anyway, here is a code especially for SVG icons. Put CSS code in top admin bar > Customization > Additional CSS section or in any other Custom CSS code option of your theme. Save it, delete all caches, navigate to forum frontend and press Ctrl+F5 to reset browser cache:
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell svg{cursor: pointer; border-radius: 50%; width: 34px;height: 34px;line-height: 31px;text-align: center;background:#f5f5f5; margin: 0 2px 0 0; display: inline-block;font-size: 21px;position: initial; padding:6px;}
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell svg:hover{ color: #555;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts svg{cursor: pointer; display: inline-block;font-size: 21px; position: initial; width: 26px;height: 24px;line-height: 30px;margin: 0;padding-right: 8px;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts svg:hover{ color: #f5f5f5;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg{fill: #FF812D!important;color:#FF812D!important;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg:hover{text-shadow: 0 0 20px #000;}
#wpf-widget-profile .wpf-widget-alerts.wpf-new svg{fill: #FF812D!important; color:#FF812D!important;}
Also, please put this css code too. This will fix the Search icon on the menu bar:
#wpforo #wpforo-wrap .wpf-search .wpf-search-form svg{width: 23px;height: 29px;position: absolute;margin: 0 0 7px 0;top: 0;font-size: 16px;line-height: 30px;padding: 0 0 0 7px;z-index: 10;cursor: pointer;vertical-align: baseline;fill:#DD5454;color:#DD5454;}
