How to fix styles refresh on save without restarting the server?
Using Nextjs created a new page and imported styles module file. They work but when adding new styles, the styles do not show on the browser on save, only after restarting the dev server.
Tried to search but didn't find the answer.
Related
I am building a WordPress website with an Underscore theme, it is hosted on flywheel. Everytime I make changes to a page, the styling style.css file is not picked up unless I do a hard reload/ clear cache.
Obviously I want it to load on everyone's computer immediately without the need to clear the cache. What is the reason for this? and how can I resolve it?
thanks.
You must change your theme version every time you make change in your style.css file. version will be appended to the URL as the query string. A version identifier is used to cache-bust the URL. The browser will detect the URL – with the query string – as a new and updated file rather than a cached resource.
see WordPress Theme CSS and JS Cache Busting
Everyone,
I am new in the drupal. I am having a very strange problem. I update the style sheet with gulp and it is successfully updated.
Then I refresh the site, it shows the changes then I revert the style sheet changes and refresh the site it is not showing the revert changes. but still loading the old sheet in which I made changes.
Then I dont knnow after some time what happens and it start showing the new sheet. There is some issue with the css sheet loading.
Any help would be appreciated.
Thanks.
I suspect the browser is caching the old CSS. Most browsers will let you reload the page while ignoring any cached info by the keyboard shortcut: Ctrl+Shift+r. This would cause it to bypass the cache and load the latest version of your CSS.
I'm wordking on a child theme for the website impakt and yesterday we change some ssl certificats.
After this, my page still load my style.css from my child theme BUT he doesn't use it so, my pages build with this css are not working (I can access to them but it's a mess).
If you go to the page
http://impakt.lu/cloche-v2/
you can see he's loading the theme/impakt/style.css but in my page he does not use it (my elements are not using it).
Any solution ? thx
This typically happens when you try to load secure resources (https) via http or vise-versa. You can follow the instructions here to properly migrate to https.
I am using an FTP client to download/edit/upload CSS files of my child theme. Typically that worked smoothly and updates were seen after refreshing the page in the browser immediately.
However, on my current fresh wordpress install, I see changes in my CSS only after a few minutes, which makes the whole process really annoying. I don't quite know what I am doing wrong.
Here are some details of my setup:
I use a child-theme which uses the twentythirteen theme as a parent.
It's definitley not a browser cache issue, since I work on chrome incognito mode with the dev-console opened (and enabled Disable cache (while DevTools is open) checkbox)
One strange thing I observer is, that, when accessing the child theme's CSS file directly in the browser it appears differently sometimes. I suspect, Wordpress is somehow accessing the CSS file and if there was a change, it caches the file and from then on returnes a minified version of the CSS. Maybe this is the root cause of the error. This is what the file actually looks like:
This is what the same file most of the times looks like when accessed via the browser directly:
This is the excerpt of the child-theme's functions.php which shows how the child-theme's style is included. Maybe I am doing something wrong here: http://pastebin.com/0MRjTTjf
Hope you can help me.
My Webhoster has enabled mod_pagespeed by default. I had to turn this off via entering ModPagespeed off in my .htaccess file. Abhik also pointed to this in his comment.
I'm working on a site for a client that was built by someone else, and I'm having issues with a stylesheet not updating on the front end
The site is http://www.hamiltonkarate.co.nz/, and I've tried to update the stylesheet and footer files. Now the footer file updates, but the stylesheet doesn't. I've tried deleting the stylesheet from the server but it's still there somehow, even though I can't find any cached files on the server.
The other weird part is that if I go into the theme editor in the dashboard, it shows up my updated stylesheet there. I've checked the relative paths etc, I've debugged, but I can't find out why the sheet isn't updated. I've tried hard refresh, other browsers/computers, and even incongnito mode with no luck.
I've uploaded the updated css to http://www.hamiltonkarate.co.nz/wp-content/themes/hamiltonkarate/css/screen.css, and if I update the CSS link in developer tools it works fine.
Can anyone see what may be going wrong here?
Please check file permission for your css file. It should be writeable