Archived topic
V1.4. Font Awesome
10 replies · Started by Silko on August 20, 2017
Hi there,
after I made the update to V1.4 the Font Awesome Icons doesnt work anymore. You can see the problem here: https://www.thailernen.net/
If I check the code I can see this:
<i class="wpcmsdev-icon fa fa-fa fa-chevron-circle-right color-blue"></i>
But when I am logged in I can see this:
[icon id="fa fa-chevron-circle-right" color="blue"]
It looks like for some reason there is added "fa fa-" for post and pages after the update to V1.4. I tested it on another site too. The problem is connected with the udpate to the latest version.
The menu icons are shown correctly.
Hi there,
Hmm can you try this for the HTML code?
<i class="wpcmsdev-icon fa fa-chevron-circle-right color-blue"></i>
I assume you mean these icons?: https://www.screencast.com/t/F7mNQECFP
Did you do something to fix the issue?
Hi Leo, hi Tom,
yes I mean this icons: https://www.screencast.com/t/F7mNQECFP
I tried to insert <i class="wpcmsdev-icon fa fa-chevron-circle-right color-blue"></i> and it works. I am using the theme on dozens of sites. This cant be the solution.
Any idea?
I am using https://de.wordpress.org/plugins/easy-responsive-shortcodes/
Hmm that case you might need to check with the plugin author.
GP actually has FontAwesome built in so you shouldn't need a plugin. Using the <i> tag as I did should work.
I made a rollback to the older version and now everything works fine. Do you have an idea which file could cause the problem?
Can you show me a site where it's not working?
Can you show me a site where it’s not working?
For example here: https://www.gesundesessen.net/brokkoli-gesund/
Before Update: http://prntscr.com/gbgcub
After Update: http://prntscr.com/gbgd55
Feel free to contact me if you need admin access.
So right now I'm seeing it as "Before Update" - is the site using the older version?
Can you disable Autoptimize while we check out the code?
This site is using the after update version. Autooptimize & Cachify is now deactivated.
Ah, well the issue is this class: fa-fa
That's the Font Awesome icon, which is the flag you're using.
Not sure why that would change in the update - something must have been broken in the previous version.
If you can't remove that class from your elements, you can overwrite it to show the caret:
.fa-fa.fa-caret-right:before {
content: "\f0da";
}