Stylesheet not updating

Question

I am creating a website  but when I made changes to the stylesheet on my site  and I refreshed the site  none of the changes were there   I tried to use the view source tool to check the stylesheet css and it isn   t updated either  But when I go to the root of my system it is   I have to wait at least 20 minutes before I see the update on my site  can anyone tell me why I don   t see changes right away  Is something wrong with my browser  computer  or server   I also tried deleting my cookies  cache  and history but it still didn   t work

User · Answer

If your site is not live yet  and you just want to update the stylesheet at your pleased intervals  then use this   Ctrl   F5   This will force your browser to reload and refresh all the resources related to the website s page   So everytime you change something in your stylesheet and you wanna view the new results  use this   On Mac OS Chrome use  Command   Shift   R

User · Answer

Most probably the file is just being cached by the server  You could either disable cache  but remember to enable it when the site goes live   or modify href of your link tag  so the server will not load it from cache   If your page is created dynamically by some language like php  you could add some variable at the end of the href value  like        lt link rel  stylesheet  type  text css  href  css yourStyles css  lt  php echo time      gt     gt    That will add the current timestamp on the end of a file path  so it will always be unique and never loaded from cache    If your page is static  you have to manage those variables yourself  so use something like         lt link rel  stylesheet  type  text css  href  css yourStyles css version 1    gt    after doing some changes in the file content  change version 1 to version 2 and so on   If you wish to disable the cache from caching css files  refer to your server type documentation  it s done differently on apache  IIS  nginx etc   or ask search for a question on https   serverfault com   Assuming IIS - adding the  key under  with the right settings in the root or the relevant folder does the trick    lt  xml version  1 0  encoding  UTF-8   gt   lt configuration gt       lt system webServer gt           lt caching enabled  false  enableKernelCache  false    gt   lt  -- This one -- gt       lt  system webServer gt   lt  configuration gt    That said sometimes one still has to recycle the Application Pool to  bump  the CSS  Therefore  Disabling IIS caching alone is not a 100  guaranteed solution    For the browser  There are some notes on fine-grain controlling the local cache on FF over on SuperUser for the interested

User · Answer

I had same issue  One of the reasons was  my application was cached and I was performing local build    I would prefer deleting the css file and re-adding it again with changes if none of the above comments work

User · Answer

This may not have been the OP s problem  but I had the same problem and solved it by flushing then disabling Supercache on my cpanel  Perhaps some other newbies like myself won t know that many hosting providers cache CSS and some other static files  and these cached old versions of CSS files will persist in the cloud for hours after you edit the file on your server  If your site serves up old versions of CSS files after you edit them  and you re certain you ve cleared your browser cache  and you don t know whether your host is caching stuff  check that first before you try any other more complicated suggestions

User · Answer

I had the same problem and it was due to the browser caching the stylesheet  Try refreshing the Cache       Cmd   Shift   r  on a mac  OR Ctrl   F5  on windows    This will do a hard refresh  and should use the new stylesheet that you uploaded to the server

User · Answer

First  try to Force reload or Clear cache and Empty chase and hard reload  You can do it by pressing F12 and then by right-clicking on it  2nd Solution  Check your HTML base tag  You can learn more about it from here

User · Answer

I ran into this problem too  a lot of people seem to recommend force reloading your page  which won t fix the issue in cases such as if you re running it on a server  I believe the optimal solution in this scenario is to timestamp your css    This is how I do it in my Django template     lt link rel  stylesheet  href     static  home radioStyles css        now  U      type  text css   gt   Where adding     now  U     to the end of your css file would fix this issue    How you would do it with just CSS  hopefully someone edits this to a cleaner version  this looks a little janky but it does work  tested it       lt link rel  stylesheet  type  text css  href  style css Wednesday 2nd February 2020 12PM    gt   Where  Wednesday 2nd February 2020 12PM  current date  seems to fix the issue  I also noticed just putting the time fixes it too

User · Answer

If it is cached on the server  there is nothing you can do in the browser to fix this  You have to wait for the server to reload the file  You can t even delete the file and re-upload it  This could take even longer if you are using a caching server like Cloudflare  it will even survive a server reboot   You could rename it and load a copy

User · Answer

This may be a result of your server config  some hosting providers enable  Varnish  on your domain  This caching HTTP reverse proxy  is used to speed up delivery  One could try to disable varnish on the cpanel  assuming that you have one  and check if it was that

User · Answer

Don t update the styles in style css  instead create a new stylesheet of your own and import in style css  your-own-style css        body               any updates              import your-own-style css in style css   import url  your-own-style css

User · Answer

In my case  since I could not append a cache busting timestamp to the css url it turned out that I had to manually refresh the application pool in IIS 7 5 7600     Every other avenue was pursued  right down to disabling the caching entirely for the site and also for the local browser  like ENTIRELY disabled for both   still didn t do the trick   Also  restarting  the website did nothing   Same position as me    Site Name     Application Pool     Recycle  is your last resort

User · Answer

I had a similar problem  made all the more infuriating by simply being very SLOW to update  I couldn t get my changes to take effect while working on the site to save my life  trying all manner of clearing my browser cache and cookies   but if I came back to the site later in the day or opened another browser  there they were   I also solved the problem by disabling the Supercacher software at my host s cpanel  Siteground   You can also use the  flush  button for individual directories to test if that s it before disabling

User · Answer

Clear Cache  Ctrl Shift Delete  http   i stack imgur com QpqhJ jpg Sometimes it   s necessary to do a hard refresh to see the updates take effect  But it   s unlikely that average web users know what a hard refresh is  nor can you expect them to keep refreshing the page until things straighten out  Here   s one way to do it  lt link rel  stylesheet  href  style css v 1 1  gt

User · Answer

Easiest way to see if the file is being cached is to append a query string to the  lt link   gt  element so that the browser will re-load it   To do this you can change your stylesheet reference to something like   lt link rel  stylesheet  type  text css  href   css stylesheet css v 1    gt    Note the v 1 part  You can update this each time you make a new version to see if it is indeed being cached

[css] Stylesheet not updating

Examples related to css

Examples related to stylesheet

Examples related to browser-cache