Hi there,
Our original sites use Elementor and we have icons in Views using this: class="fas fa-check-circle"
On a listing like this: hidden link
(AT A GLANCE) on the right.
On the newer site in Oxygen they do not appear. How to I resolve this please?
hidden link
Many thanks, Pete
Hello,
It is a CSS problem, in the old site you mentioned above:
hidden link
It is using CSS styles to add Font Awesome icons:
.fa-check-circle:before {
content: "\f058";
}
See my screenshot icon1.JPG
But in your new website, above CSS style is lost, so there might be some broken data when you migrate the website. I suggest you follow our document to migrate your website to new domain name:
https://toolset.com/faq/how-do-i-migrate-a-wordpress-site-from-one-domain-to-the-other/
Hi there,
Thanks for getting back to me.
The original site used Elementor, I may be wrong, but wasn't Toolset using Font Awesome that came with the theme?
As Oxygen also uses FA. Isn't it a case of using this from the theme?
I have no idea how to, if this is correct, reassign the CSS to Oxygen rather than what the old path was?
Those CSS codes are from your old website CSS file:
hidden link
Crikey, ok! Well rather than trying to reuse anything from the old site.
How do I add new icons from Oxygen using Toolset.
To me, it seems Toolset is calling fro CSS from the old Theme. How do I add a style to take from new?
If this is possible as I don't want anything from Elementor in Oxygen.
Thank you.
First, Toolset plugins won't call any CSS/JS codes from other plugins/theme, unless you call them manually:
class="fas fa-check-circle"
If you want to call CSS style from other plugins/theme, then you will need to setup the HTML codes manually, and use their custom styles according to their documents.
In your case, you are going to call Font Awesome 5 icons in Oxygen page builders, you can check with Oxygen support for it, or you can manually enqueue the Font Awesome 5 styles in your website, for example
hidden link
Sorry, you're completely losing me with this.
When created this in Elementor it didn't seem complicated at all.
If the View in question is using this:
<span class='sidebar-list-icon'><i class="fas fa-check-circle"></span>
What can't we just swap out to something like this: FontAwesomeicon-check
This the tick I added for example here:
hidden link
I just don;t remember any issues sorting this initially, now I'm no clearer on really what to do to make this work...simply.
There are some misunderstandings, you are using Font Awesome icon in your website, see their document:
hidden link
In order to use the Font Awesome in your new website, it is required to enqueue Font Awesome CSS files in your new website, see my answer above:
https://toolset.com/forums/topic/icons-on-an-oxygen-site/#post-1971957
If you still need assistance for it, please provide a test site with the same problem, I can setup a demo for you, private message box enabled.
I have done below modifications in your website:
Dashboard-> Toolset-> Settings-> Custom code
hidden link
Add one item "enqueue-font-awesome", with the same codes I mentioned above:
add_action( 'wp_enqueue_scripts', 'custom_load_font_awesome' );
/**
* Enqueue Font Awesome.
*/
function custom_load_font_awesome() {
wp_enqueue_style( 'font-awesome-free', '//use.fontawesome.com/releases/v5.2.0/css/all.css' );
}
Test the URL you mentioned above:
hidden link
It works fine, can you confirm it? thanks
Good morning,
This works great! So can I ask:
Was this in out last site?
If we clone or replicate this site, which we will soon, do we need to update this in any way?
I didn't think it was that straightforward and as mentioned we didn't do this on any of our 4 our Elementor sites.
Many thanks, Pete
Q1) Was this in out last site?
Please elaborate the question with more details:
which one is the last site?
what do you mean "this in out last site"?
Q2) If we clone or replicate this site, which we will soon, do we need to update this in any way?
You can follow the document I mentioned above to clone the website:
https://toolset.com/faq/how-do-i-migrate-a-wordpress-site-from-one-domain-to-the-other/
You won't need to update it.
