I just downloaded and activated the builder and I’m loving it so far. However after editing a few pages one thing I’ve noticed it that it seems to have broken a few site icons, which I believe are part of the theme I’m using (see pics included). I know that it has to be BB because when I deactivate the plugin the icons go back to normal. Has anyone had a similar issue or know of a work around? I’ve searched around on the forums to no avail.
Before/After BB
You cant mix major versions of font awesome, either your theme is using a super old version, or maybe its using the SVG version.
Thank you for the quick response!
I had a feeling it might be a Font Awesome conflict. On one page I do use icons on a button which takes users to another page; this is the only page where the icons work correctly. Do you know if there is a way to “force” loading of new Font Awesome icons on a specific page?
Ohhh i see now, so you are using icon HTML in a menu or something and expecting fa5 to be loaded on all pages.
So if you are using the bb theme, there I an option under layout to always load the icons. If you are not using the bb theme then just enqueue font-awesome-5 style via wp_enqueue_style.
Thanks for the help. I’m a total n00b at WP in general so I went searching online and put this line of code into the ‘functions.php’ of the non-BB theme I’m using:
function tme_load_font_awesome() {
wp_enqueue_style( 'font-awesome-free', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.css');
}
add_action( 'wp_enqueue_scripts', 'tme_load_font_awesome');
However, it doesn’t seem to have changed anything on the pages that aren’t using BB icons.
If that does not work, i’d need to see the site.
That doesn’t seem to have worked. What information could I give you that will best help understand the site? Also, do I need to install a plugin or enqueue an additional script or style, like in my attempt about when I grabbed the CSS from a CDN?
Another workaround might just be to include at least one icon on every page, since using an icon in a BB-enabled page seems to cause the others to load as well.
The url would help…
It’s currently being hosted locally on a WAMP instance. I can discuss deploying on the client’s URL and re-open this case when the website is live.
Not sure if you’re still checking this thread, but the website is live at https://www.logoslanguage.com. I still haven’t been able to force loading of the FA icons while Beaver Builder is active.
FA 5 is loaded, you can see it clearly in the page source, your theme and your hard coded icon HTML though is using the ancient FA4 markup, that why it does not work.
Gotcha. Is this something I can fix with some work on my end, or will I need to ditch the theme?