Hi, I would like to use the facebook and instagram awesome icons - I can select, see the icon in the editing page - but they show as not found in production; whereas if I select awesome font icon such as phone, envelope, etc - they show fine.
Is it that sociale media icons no longer work ?
I am using JCE Editor last versione - even installed to beta1 released today
as well as plg_jce_editor_fontawesome_111
but even though all is updated to the last - I cannot get it working - I would like to use the font instead of making images.
Examples of what is not showing in production: <span class="fa fab fa-facebook"><span class="fa fab fa-facebook-square">
thanks in advance
Rita
Is it that sociale media icons no longer work ?
I am using JCE Editor last versione - even installed to beta1 released today
as well as plg_jce_editor_fontawesome_111
but even though all is updated to the last - I cannot get it working - I would like to use the font instead of making images.
Examples of what is not showing in production: <span class="fa fab fa-facebook"><span class="fa fab fa-facebook-square">
thanks in advance
Rita
Please post a link to an example article on your site.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Hi Ryan,
the site is https://test.rossignoli.net/ (just started - so no formatting done so far)
I have just made the site online for your purpose
k regards
Rita
the site is https://test.rossignoli.net/ (just started - so no formatting done so far)
I have just made the site online for your purpose
k regards
Rita
It looks like the CDN version of Font Awesome declares the "Brands" css rules first, then the regular css rules, so any brand icon that also use the "fa" css class will be overwritten by the regular icon font, eg:
includes the "fa" class name, and removing it will show the icon, but including the fa class name is required to get the icons to show in the editor.
I will have to look into a solution for this, but you could try adding the following to your template stylesheet's custom.css file (or user.css file):
<span class="fa fab fa-facebook-square"></span>
includes the "fa" class name, and removing it will show the icon, but including the fa class name is required to get the icons to show in the editor.
I will have to look into a solution for this, but you could try adding the following to your template stylesheet's custom.css file (or user.css file):
.fa.fab {
font-family: "Font Awesome 5 Brands";
}
Just because you're not paranoid doesn't mean everybody isn't out to get you.
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!