[Resolved] Font-Awesome code is stripped when saved in widget

[Tim]

Video explanation:
https://www.loom.com/share/80e4b26441da4d8d80f14924a3d57f6e

for example, when pasting this code into the html widget:
<span style=”color: rgba(29,69,122,0.71)”><i class=”fab fa-youtube fa-lg fa-fw”></i></span>

the font-awesome icon does not display because the html is stripped to:
<span style=”color: rgba(29,69,122,0.71)”><i class=”fab fa-youtube fa-lg fa-fw”></i></span>

yet it works in the footer!

Thanks in advance – love your product.

[Leo]

Hi there,

I doubt this is a theme issue as HTML widgets are all handled by WordPress.

How are you loading FontAwesome?

[Tim]

There’s a setting in Beaver Builder for icons:
/wp-admin/options-general.php?page=fl-builder-settings#icons

[Tim]

View post on imgur.com

[Leo]

So is BB loaded on the page that’s having the issue?

What happens if you just copy and paste this exactly?
<i class="fab fa-youtube"></i>

Noticed some wrong quotation mark in your original topic.

[Tim]

Yes, all post types are setup for BB.
/wp-admin/options-general.php?page=fl-builder-settings#post-types

copying your sample yields same result.

Font-awesome icons are supposed to display in footer too, but not displaying on any post page, so seems FA is not loading correctly on posts even though the BB settings tell it to.

Should I ask BB support?

[Leo]

That might be a good idea.

You could also try activating this plugin and see if it makes a difference:
https://wordpress.org/plugins/font-awesome/

[Tim]

Yes, I suppose I could just disable it in BB settings and use that plugin.

Thanks

[Leo]

No problem 🙂

[Author]

Posts