I am trying to upload a new version of FontAwesome icons to a Wordpress theme that is already using the old version. I uploaded new files to the old FontAwesome location, but still, old icons are showing. The location is not changed - so I didn't change anything in any code. Basing on logic, everything should work properly since new files were uploaded.
Anyone have the idea what the problem might be?
Could it be that the old images are cached somewhere? Perhaps in one of the following places:
Wordpress (possibly via plugin?)
Web server
Web browser
I’d ensure that all caches are flushed, then check again.
Related
I am using cPanel on BlueHost to make a website for a client. I have uploaded my files to the public.html folder and everything is live and looks good. But when I make changes and upload the files again.. some of the new html elements that I have added dont show up on mobile. They show up on desktop so I know its working and registering but idk why it wont show up on my phone. Any ideas? Im not sure if its a cPanel problem. I dont think its a Sass problem either. Do mobile devices take longer to recognize changes on a hosted site? Any help would be great. Thanks.
Thanks for joining the community. I'll be glad to help you or find a solution.
If you are just copying and pasting the files from your computer to the cpannel keep in mind that you need to change the path of some files in order for them to grab the style or any external sheet, I had a similar problem when uploading my website
I have a 'static' website (there is no content management system database).
I've just made changes to the .html files and .css file of the site.
I've renamed the .css file: version2.css because I thought that would help.
I've uploaded the changes to my server and checked the site. However, because of cache (I presume) the site doesn't look any different.
When I refresh I can see the changes to the content and style, but I can't see changes to images (where the name of the image has remained the same). I can only see the changes to images after clearing browser data.
So my question is how can I ensure returning visitors see the new site / changes? How long do browsers store history / cache for? From other posts it looks like browsers store around 50mb of info. If this is the case then for a lot of people their browsers could be emptying the cache every day, in which case it isn't a big problem for me?
Is there a solution that doesn't involve PHP or apache conf (both of which I know nothing about)?
Thank you (from a beginner)
You are sort of on the right track you can provide version numbers to existing files which will force browsers to reload the data.
<img src="/logo.jpg?version=1">
<link rel="stylesheet" type="text/css" href="/style.css?version=1">
I was working on some CSS code and then suddenly the server stopped reflecting any changed made on the server. At first I thought it was a caching problem but I disabled caching on my browser and even tried using different browsers but still it's using the old version of my CSS file.
If I download my CSS file from the server and open in the text editor, it shows all the changes I made to the code but they don't reflect on my website at all. The site is using old version of the CSS file that doesn't even exist anymore on the server.
What on Earth is happening with my server? Can it be a router caching problem?
I can't answer this but try to add in your html, where you include the css this: ?v1.
Example: src="resources/yourDir/style.css?v1"
This will force everything to download the new css.
You can add after the ? everything you want. Like a timestamp, just a number or words. Whatever you like.
Recently I've been tasked with redesigning a website for the current company I'm working at. I've been using weebly to make the site, and then exporting the HTML to be re-hosted on the company's servers.
However, I've noticed that some functionality in weebly's code has stopped working. I imagine this might be due to weebly hosting some elements on their own servers, but this is merely a beginners best guess.
1. The picture for the logo on the banner does not appear once the HTML is rehosted
For comparison, here's the site while hosted on weebly:
http://mjmacoustique.weebly.com/
and the site on the company's servers:
http://www.mjm.qc.ca/redesign2015/
When weebly hosts, the ''MJM'' image should be on the top left and function as a return to home page button when clicked. However, when it's hosted on the company's server, the image is not found.
2. On Firefox, the background image of the home page is replaced with an all black background
When opened in firefox, it fails to load the background image of the main page.
Any help or solutions to these problems would be greatly appreciated.
Thanks.
I can help with question #1: the logo is hosted on weebly's servers, but in the html it's written in a shortcut method like this example: /uploads/2/6/8/5/26851316/1434298489.png"
the easy workaround would be to keep the weebly version of the site working, in in the html change the src value of the missing images to something like this http://mjmacoustique.weebly.com/uploads/2/6/8/5/26851316/1434298489.png
So you haveto add the http://YOURSITE.weebly.com before all the src values of your images.
otherwise, just load all the images you need on a blank page of the site on your servers, copy image urls of those and replace the urls in the html with that.
Hope that helps?
The firefox issue might also be solved if all your src values are linked correctly but I cannot be sure about that.
When I tried exporting a site from weebly, some assets were missing from the zip it produced. This resulted in some images failing to appear because they simply weren't there. I don't know how often this happens (or if it happens only for some sites), but weebly's export feature definitely seems to have bugs.
I worked around this by using wget to recursively fetch the content that weebly was hosting. Then I hand-copied the missing assets (and only the missing assets) from the directory structure saved by wget and merged them into the directory structure from weebly's export zip. This is time-consuming, but necessary since the directory structure fetched by wget includes dynamically-generated content (meta data for weebly's editor, assets with decorated names, etc) that you probably don't want in the content you host elsewhere.
I have a site built around Joomla, It was working fine from the time it was built. But from few days back the css changes in any of the css files are not reflecting in the site. I am able to see all the other UI changes except CSS. I have cleared he cache and checked from different ISP but no result. Can anyone suggest me how to resolve this.
Thanks in advance.
I think you are using a Template which uses LESS instead of CSS. If so, see if there are any folder inside "/public_html/templates/your_template/less/" exists or not.
If it exists then you have to create (if it is already not there) a css file named "custom.css"
inside "/public_html/templates/your_template/css/" folder and write your CSS code inside this file.
Joomla will pickup this "custom.css" file at last and your changes will be reflected.
Sorry for late reply but I found the answer. It is due to enabling CloudFlare in my hosting account. When I reached to my Hosting support they disabled the CloudFlare and everything started working fine and I am able to see all the CSS changes.