I checked my code for missing semicolons in the styles and missing brackets in the html but everything looks fine but the Font Awesome icons are not displaying.
For example, there are supposed to be down carets at the end of every navigation item in the second navigation bar.
When I inspected the page, the icons are still in the DOM but I do get this error in the console: Failed to load resource: the server responded with a status of 404 ().
Can someone please help me figure out what is going on here? I don't think it's my code, I think it's something to do with Font Awesome but I could be wrong.
EDIT: Upon further inspection, it seems that all of my font awesome icons have a 0 width value. Not sure why.
CodePen
Here is my kit code:
<script src="https://kit.fontawesome.com/2641fe0f3e.js" crossorigin="anonymous"></script>
Related
So I'm not the most familiar with HTML, but I know enough to make very minor tweaks.
I had this issue all of a sudden where I updated my github page website, and a few icons were missing.
Sidebar toggle(top right of pic) and sub-menu dropdown chevrons:
Envelope icons next to email addresses:
The little icons for the sidebar minimizer, dropdown menu, and the "envelope" icons used to represent emails disappeared.
I redownloaded the template I built my website on just to check if I did something wrong: https://html5up.net/editorial
But even in the newly downloaded file, those icons were missing, whereas when I first downloaded them, they weren't
Given that this issue also happened in a freshly downloaded template (but as you see on the website preview the icons are fine), I'm baffled as to what the issue might be.
Thanks in advance for any help!!
The icons missing are F0C9, F078 and F0E0.
You tried to put the FontAwesome CDN in the main.css file, change:
#import url(fontawesome-all.min.css);
For this:
#import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
Remember that the file all.css (FontAwesome) depends on several online fonts
So I'm not the most familiar with HTML, but I know enough to make very minor tweaks.
I had this issue all of a sudden where I updated my github page website, and a few icons were missing.
Sidebar toggle(top right of pic) and sub-menu dropdown chevrons:
Envelope icons next to email addresses:
The little icons for the sidebar minimizer, dropdown menu, and the "envelope" icons used to represent emails disappeared.
I redownloaded the template I built my website on just to check if I did something wrong: https://html5up.net/editorial
But even in the newly downloaded file, those icons were missing, whereas when I first downloaded them, they weren't
Given that this issue also happened in a freshly downloaded template (but as you see on the website preview the icons are fine), I'm baffled as to what the issue might be.
Thanks in advance for any help!!
The icons missing are F0C9, F078 and F0E0.
These icons are includes via FontAwesome, so either you forgot to include FontAwesome or moved the files. Make sure there is a fontawesome-all.min.css in your /css folder and the corresponding webfonts folder exists and contains the FontAwesome-files
at the moment that i check the source code of my web page it shows this errors (view-source:http:// www. lamina-galvanizada.com/)
any idea what is causing them? i cant let the page having those
revolution slider errors
it also shows this and says theres a missing nav tag open
missing tag in code
any idea into how to solve this? thanks
I have opencart 2.0.1.1 version and it was working fine. Suddenly I found that the icons like contact us, wish list, search were missing. I tried to find the icons in images folder but couldn't find it out.
The first image is the header image where the contact us and other icons are missing.
In the second image the search icon and the cart icon in add to cart button is missing
The third image is the search result and the home icon is missing and the arrow is misplaced.
Even the arrow in the slide bar is missing.
Should I upload the images again. If I should upload where should I do that.
Can somebody help me? Thanks
The easiest way to debug missing images is take a look in your browser's web inspector as the page loads and you should be able to see which assets are missing and where they should be located.
The Firebug extension for Firefox is extremely helpful for this and many other basic client side debugging tasks.
I guess your are missing the "font awesome" font.
Please check your folder: OPENCART ROOT->catalog/view/javascript/font-awesome/fonts
And check if you have 5 files named:
FontAwesome.otf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
If not, download opencart again and copy over those files.
Fixing FontAwesome issue in open cart
// HTTP
define(‘HTTP_SERVER’, ‘https://www.blazingcoders.com‘);
// HTTPS
define(‘HTTPS_SERVER’, ‘https://www.blazingcoders.com‘);
config.php – OpenCart admin folder
// HTTP
define(‘HTTP_SERVER’, ‘https://www.blazingcoders.com/admin/‘);
define(‘HTTP_CATALOG’, ‘https://www.blazingcoders.com/‘);
// HTTPS
define(‘HTTPS_SERVER’, ‘https://www.blazingcoders.com/admin/‘);
define(‘HTTPS_CATALOG’, ‘https://www.blazingcoders.com/‘);
Detail Explanation is given in the below article
https://www.blazingcoders.com/how-to-fix-opencart-missing-icons-problem
I am currently writing out a HTML document, and I'm trying to include Bootstrap's Js file. However, each time I try to do so, it will just make my page appear blank white. I know it is something to do with the head of the document, but i'm unsure why this is happening...
So I viewed the source code via chrome, and I get this (click image to enlarge)
So when I remove the Bootstrap.js link It goes back to normal, content reappears again, like this. (click to enlarge)
By me saying content not showing and reappearing, I literally mean the visual side upon previewing.
You have this:
<script src="js/bootstrap.js"/>
<script> tags don't support auto-closing. Use this instead:
<script src="js/bootstrap.js"></script>