CSS file doesnt update

cheeter.rf.gd

Other Information

i am trying to update my website and for some reason i cant update the css, i replaced it multiple times and even deleted the old file and uploaded a new one manually. FileZilla and MonstaFTP both show the new css file (style.css) and i dont know why it shows still the old code. the dashboard said that updates can take a while but i waited now 4 days i dont think it will update any time soon. what is wrong with my site and why doesnt it update? the PHP, HTML and JS code updates fine just the css code doesnt. :[

Clear your browser cache or CTRL+F5

5 Likes

Try clearing your cashe or using a incognito window.

Ctrl f5 will work on most browsers :slight_smile:

–edit–
haha we both said that within seconds

1 Like

there is nothing in cache on my pc and after reseting on mobile its still the same, i also found out on some browsers it works on others it doesnt. on my macbook it works on safari but not on firefox or chrome, on my phone it doesnt works on any browser.

check the response i gave to Greenreader9

Now that is unexpected. 99% of problems with CCS or pages not updating is caused by caching. Although, the fact that it works on some browsers and not others makes it seem like a browser based issue…

Any chance you can send a screenshot of what the page should look like and the one that’s being displayed? I can then take a peek at your CSS and see if I can figure it out

1 Like


ik it only looks like an color change right now but it really affects parts like the footer and other elements on the website, the darker website on safari is how it should look like and the other one on firefox (the lighter one) is how it looks like on most browsers (aka the 1. is how it should look like and the 2. is how it shouldnt

Open devtools, is the same CSS viewable on both? I wonder if this is different browsers rendering differently.

5 Likes

thats strange, dev tools say that it loads the new file on safari but the old one on firefox and chrome, idk why

That sounds like cashing…

on firefox or chrome, try a private browsing\incognito session and see if that fixes it

Browsers are really stubborn and keep the css cached even after clearing the cache

What you can do is add a version number starting with 1 after the file name and when you make changes to the css file you increase the version number

Replace <link rel="stylesheet" href="style.css">
With <link rel="stylesheet" href="style.css?v=1">

When ever you change the css file you need to increase the value after ?v= and then hard refresh the page with ctrl f5 or ctrl shift r or what ever your browser requires to reload, the change in number will force the browser to reload the new css and cache it :+1:

6 Likes

Are you sure you did this?

2 Likes

yes

Browsers can be stubborn with CSS cashing… And Firefox at least makes it quite a pain to clear the CSS cashe…

This happens often for me, clearning my cache works

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.