Font Awesome not showing - Avada theme (Wordpress) - adding fa class
up vote
0
down vote
favorite
I migrated my wordpress site from a shared host to Digitalocean and everything went well except for the Font Awesome icons.
They are showing as blank squares on the live site.
I found the issue to be the required "fa" class for the icons is not showing up. I am using the Avada theme and am brand new to this.
1) I do not know where the CDN link is when I am searching through SFTP files. Can someone tell me where to find it so I can try to re-add the link.
2) Is there another way to automatically have the "fa" class to the icons so they will show up?
3) Any other insight into fixing the issue would be much appreciated.
php html css wordpress font-awesome
asked Sep 27 at 15:32
shaiden
11
add a comment |
up vote
0
down vote
favorite
I migrated my wordpress site from a shared host to Digitalocean and everything went well except for the Font Awesome icons.
They are showing as blank squares on the live site.
I found the issue to be the required "fa" class for the icons is not showing up. I am using the Avada theme and am brand new to this.
1) I do not know where the CDN link is when I am searching through SFTP files. Can someone tell me where to find it so I can try to re-add the link.
2) Is there another way to automatically have the "fa" class to the icons so they will show up?
3) Any other insight into fixing the issue would be much appreciated.
php html css wordpress font-awesome
asked Sep 27 at 15:32
shaiden
11
hey - please accept the answer that I have give below, it has 2 upvotes, and answers your question - thank you
– CodeBoyCode
Oct 25 at 11:06
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I migrated my wordpress site from a shared host to Digitalocean and everything went well except for the Font Awesome icons.
They are showing as blank squares on the live site.
I found the issue to be the required "fa" class for the icons is not showing up. I am using the Avada theme and am brand new to this.
1) I do not know where the CDN link is when I am searching through SFTP files. Can someone tell me where to find it so I can try to re-add the link.
2) Is there another way to automatically have the "fa" class to the icons so they will show up?
3) Any other insight into fixing the issue would be much appreciated.
php html css wordpress font-awesome
asked Sep 27 at 15:32
shaiden
11
I migrated my wordpress site from a shared host to Digitalocean and everything went well except for the Font Awesome icons.
They are showing as blank squares on the live site.
I found the issue to be the required "fa" class for the icons is not showing up. I am using the Avada theme and am brand new to this.
1) I do not know where the CDN link is when I am searching through SFTP files. Can someone tell me where to find it so I can try to re-add the link.
2) Is there another way to automatically have the "fa" class to the icons so they will show up?
3) Any other insight into fixing the issue would be much appreciated.
php html css wordpress font-awesome
php html css wordpress font-awesome
asked Sep 27 at 15:32
shaiden
11
asked Sep 27 at 15:32
shaiden
11
asked Sep 27 at 15:32
shaiden
11
asked Sep 27 at 15:32
shaiden
11
asked Sep 27 at 15:32
shaiden
11
11
hey - please accept the answer that I have give below, it has 2 upvotes, and answers your question - thank you
– CodeBoyCode
Oct 25 at 11:06
add a comment |
hey - please accept the answer that I have give below, it has 2 upvotes, and answers your question - thank you
– CodeBoyCode
Oct 25 at 11:06
hey - please accept the answer that I have give below, it has 2 upvotes, and answers your question - thank you
– CodeBoyCode
Oct 25 at 11:06
hey - please accept the answer that I have give below, it has 2 upvotes, and answers your question - thank you
– CodeBoyCode
Oct 25 at 11:06
add a comment |
2 Answers
2
active
oldest
votes
up vote
2
down vote
Add this to your functions.php file:
/**
* Proper way to enqueue scripts and styles
*/
function theme_name_scripts()
{
// add this line
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
// Example styles and scripts
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
alternatively you can add this code to your header.php file:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Let me know if this works or not.
answered Sep 27 at 15:51
CodeBoyCode
794116
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
add a comment |
up vote
1
down vote
For anyone still having this issue in Wordpress & Avada:
Have had this multiple times, this is how I solved it last time.
- Verify that the link is right, checking for typo's in the error link.
- Verify that the files of the error link are in place, also check if FTP rights are set right. (755 for folders, 644 for files)
- If the fonts still do not show, de-activate themes and plugins and re-activate them.
answered Nov 20 at 14:31
Jeroen
111
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52540494%2ffont-awesome-not-showing-avada-theme-wordpress-adding-fa-class%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
2
down vote
Add this to your functions.php file:
/**
* Proper way to enqueue scripts and styles
*/
function theme_name_scripts()
{
// add this line
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
// Example styles and scripts
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
alternatively you can add this code to your header.php file:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Let me know if this works or not.
answered Sep 27 at 15:51
CodeBoyCode
794116
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
add a comment |
up vote
2
down vote
Add this to your functions.php file:
/**
* Proper way to enqueue scripts and styles
*/
function theme_name_scripts()
{
// add this line
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
// Example styles and scripts
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
alternatively you can add this code to your header.php file:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Let me know if this works or not.
answered Sep 27 at 15:51
CodeBoyCode
794116
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
add a comment |
up vote
2
down vote
up vote
2
down vote
Add this to your functions.php file:
/**
* Proper way to enqueue scripts and styles
*/
function theme_name_scripts()
{
// add this line
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
// Example styles and scripts
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
alternatively you can add this code to your header.php file:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Let me know if this works or not.
answered Sep 27 at 15:51
CodeBoyCode
794116
Add this to your functions.php file:
/**
* Proper way to enqueue scripts and styles
*/
function theme_name_scripts()
{
// add this line
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
// Example styles and scripts
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
alternatively you can add this code to your header.php file:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Let me know if this works or not.
answered Sep 27 at 15:51
CodeBoyCode
794116
answered Sep 27 at 15:51
CodeBoyCode
794116
answered Sep 27 at 15:51
CodeBoyCode
794116
answered Sep 27 at 15:51
CodeBoyCode
794116
794116
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
add a comment |
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
I tried using the <link> option in header.php and that did not work. I also tried the functions.php option and, unfortunately, I do not know where the directory is located to put that into the code.
– shaiden
Sep 27 at 16:15
add a comment |
up vote
1
down vote
For anyone still having this issue in Wordpress & Avada:
Have had this multiple times, this is how I solved it last time.
- Verify that the link is right, checking for typo's in the error link.
- Verify that the files of the error link are in place, also check if FTP rights are set right. (755 for folders, 644 for files)
- If the fonts still do not show, de-activate themes and plugins and re-activate them.
answered Nov 20 at 14:31
Jeroen
111
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
add a comment |
up vote
1
down vote
For anyone still having this issue in Wordpress & Avada:
Have had this multiple times, this is how I solved it last time.
- Verify that the link is right, checking for typo's in the error link.
- Verify that the files of the error link are in place, also check if FTP rights are set right. (755 for folders, 644 for files)
- If the fonts still do not show, de-activate themes and plugins and re-activate them.
answered Nov 20 at 14:31
Jeroen
111
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
add a comment |
up vote
1
down vote
up vote
1
down vote
For anyone still having this issue in Wordpress & Avada:
Have had this multiple times, this is how I solved it last time.
- Verify that the link is right, checking for typo's in the error link.
- Verify that the files of the error link are in place, also check if FTP rights are set right. (755 for folders, 644 for files)
- If the fonts still do not show, de-activate themes and plugins and re-activate them.
answered Nov 20 at 14:31
Jeroen
111
For anyone still having this issue in Wordpress & Avada:
Have had this multiple times, this is how I solved it last time.
- Verify that the link is right, checking for typo's in the error link.
- Verify that the files of the error link are in place, also check if FTP rights are set right. (755 for folders, 644 for files)
- If the fonts still do not show, de-activate themes and plugins and re-activate them.
answered Nov 20 at 14:31
Jeroen
111
answered Nov 20 at 14:31
Jeroen
111
answered Nov 20 at 14:31
Jeroen
111
answered Nov 20 at 14:31
Jeroen
111
111
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
add a comment |
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
Wow nice thanks for adding this comment, I was stuck on this, then I just deactivated theme and re-activated and it kicked em back on
– Joe Lannen
Dec 12 at 16:50
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52540494%2ffont-awesome-not-showing-avada-theme-wordpress-adding-fa-class%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
hey - please accept the answer that I have give below, it has 2 upvotes, and answers your question - thank you
– CodeBoyCode
Oct 25 at 11:06