[Support request] V1.4. Font Awesome

[Silko]

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.

[Leo]

Hi there,

Hmm can you try this for the HTML code?
<i class="wpcmsdev-icon fa fa-chevron-circle-right color-blue"></i>

[Tom]

I assume you mean these icons?: https://www.screencast.com/t/F7mNQECFP

Did you do something to fix the issue?

[Silko]

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/

[Leo]

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.

[Silko]

I made a rollback to the older version and now everything works fine. Do you have an idea which file could cause the problem?

[Tom]

Can you show me a site where it’s not working?

[Silko]

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.

[Tom]

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?

[Silko]

This site is using the after update version. Autooptimize & Cachify is now deactivated.

[Tom]

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";
}

[Author]

Posts