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.
Related
I’m working on correcting a styling of an element on an WP-based eCommerce site.
The site has both SCSS and CSS files.
To make things quick, I edited the CSS via Appearance -> Customize -> Additional CSS.
However, when I was done and published my changes (and solved the issue), only those new to the website sees the difference.
Those who have visited the site prior to the deployment of the solution, still see the distorted number layout
I also suspected that the SCSS gets compiled every refresh but when I checked the File Manager (cPanel), only the CSS files get modified.
I’m feeling this might be a cache-related issue. I have already disabled a cache plugin (WP Rocket). However, the problem still persists.
What possible issue am I experiencing?
Edit: I did try to use Incognito and the change did reflect. However, the users of the site are non-techy people and don't know how to refresh.
The site is using GoDaddy as the host. Is it possible the issue is on that part?
Thank you
I have made some changes in style.css and uploaded it online. However it is not showing me required results. i.e it is still taking the old style.css codes.
I am able to view changes offline but when i give it full href link it is not showing me necessary results.
Help!!
It seems like there is a cached version that you are viewing. Try clearing the cache in your browser and reloading the page. If that doesn't work then most likely the web hosting you are using is caching the stylesheet.
Open website with another browser. If css is still old, I can tell you that you have definitively not update the css file.
Another thing to do is to clear cache of your browser. It is possible you are viewing cache. Which browser are you using? Check how to clear cache.
You're probably using a cached version of your CSS. If this happens in other browsers too, then problem is in somewhere else.
You can fix this by:
clearing the cache (see refreshyourcache.com) or
going to your CSS path by browser (e.g. mysite.com/css/file.css) and refreshing the page.
doing force refresh (usually Ctrl+F5 or F5)
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 wordpress theme previously coded by another developer. I had some trouble migrating it to another server because of a cache plugin called memcache and now I'm not able to remove a body background from this css file. The developer made two instances where he called a body background image in style.css and master.css. I changed the background even deleted the old one and its still not changing. I Cleared my cache several times even tried it on another machine. I checked it on developer tools and it shows up on 2 different style sheets both of them I changed only 1 is crossed out. If i uncheck that style in developer tools it removes it but I can't figure out why it's not changing. Could a cacheing system the previous developer installed be the issue here?
Try disabling the cache or clearing it from the server. It is the style.css is cached with the server and pulling from there, with higher expirations dates and serving it away from querying the database on every visit. This is a common problem with any caching plugin for Wordpress.
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