Icons for Drop-down Menu and Sidebar Minimizer no longer seen - html

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

Related

Nav links broken and <s showing as errors in VS Code

I'm building my website directly in HTML, CSS, and JS for the first time. Everything was working perfectly until I signed up for an iOS app called Clone, which I synced with my GitHub account. Inside my faq.html file, I added one space between a link and a word in a paragraph, just as a test.
Afterward, the nav menu on the FAQ page broke and all the <s turned red in VS Code. At the suggestion of #Samirovic, I changed the page icon img src to include _s instead of spaces, which fixed the < errors.
But the URL problem is still happening. The nav menu works on every page except for the FAQ page, which I updated in Clone. On that page, I still get a 404 error page and the URL is doubled within quotes for some reason (which is what causes the error).
URL Example: https://studiooriley.github.io/“https://studiooriley.github.io/contact”
I can't figure out why using the Clone app to add a single space to an FAQ question would cause these issues. I have triple-checked my nav links and can confirm that they're correct. I've been researching for the last six hours and can't find any way to fix this or even anyone else with the same issue.
I would love any help you can provide! I will admit, I'm very new to coding and GitHub, and I didn't understand branches until now, so this all happened in my main branch. I have since made a couple of adjustments in a new branch and in the main branch. I hope you can help. Thank you!
Here's a picture of my HTML in VS Code.
Because of the spaces in the image name inside the src , you must use _ between words

Favicons in HTML Templates

I used a HTML free template from Colorlib.com. I gave them recognition and put copyright at the bottom of my site. However, I want to change the favicon to my own (they made their own, but I want to use mine). I got rid of the favicon image and replaced it with mine but even after committing changes and deploying, it shows the previous favicon. How is this possible? It's not even in the folder... How can I fix this?
Github: https://github.com/Ispeeta/Connect-to-Change/tree/master/img/core-img (this is where I kept my favicon, the previous one on my site was a "K" but I want to have a maple leaf)
Site: https://connect2change.netlify.app/stories
Clear your cache to fix the problem.

Icons for Drop-down Menu and Sidebar Minimizer disappeared

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

Missing icons in opencart 2.0.1.1

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

How I do edit the css for just the home page on Magento?

When using a template purchased from another site, by default the home page looked nice and the other pages had headers that were slightly 'off.' When I asked about repairing the pages, I was given some .css code that fixed the other pages, but now the home page is off (seems pretty obvious).
Here's the site: http://nyctodesign.com/gulfsales/index.php/
As you can see, the header is correct for every page but the home page. I looked up how to edit the .css for just one page, and got a tutorial that suggested a new file, say 'home-page.css' with my correct code, and this snippet of code below in the custom design xml:
<reference name="head"><action method="addCss">
<stylesheet>../theme300/css/home-page.css</stylesheet>
<params>media="screen"</params></action></reference>
I tried this code, and there is no change in the webpage. Can somebody point me in the right direction?
Okay, I ended up fixing it by coding opposite CSS as the other file - it gave a margin of 31 pixels on the header, so when I included the new home-page.css file, I changed this line to 0 pixels instead.
The code used above worked, I just had the relative URL in there incorrectly - now it uses the code I provided ONLY on the home page, and overwrites the regular 31 pixel margin.