I've used Jekyll for awhile, and I am not sure what I am seeing.
I'm working on a new static website and I can get Jekyll to serve and update the page changes via HTML however when I make changes to the CSS files they are not reflected in the live server from Jekyll.
The CSS changes are however being built in the _site output.
What gives? Is there some CSS caching or something else going on? I've never seen this on the other site I use Jekyll with (but it's a few years old and I don't mess with it too often).
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
Backstory
We are using a LAMP stack (bitnami) to run a multisite Wordpress instance. This is the second time I have ran into a file that will not update when we push an update (We use git and pull the latest changes to the bitnami server).
We have noticed that when deleting (renaming for that matter) the file, it can still be retrieved by performing a GET on the resource (or the url in a browser). Also, if we were trying to make changes the changes do not come with the file - it is still the old file. Interestingly enough, the file is minified, which because of issues with this in the past we do not use any plugins that minify our CSS. So there should be no reason for it to be minified.
We have WP Total Cache - clearing all caches is successful but does not stop this from happening. (We used to use WP Super Cache, when this bug happened we decided to change plugins to WP Total Cache and purged the cache and it fixed the problem - but it is back and that no longer works).
I have also seen the trick where we can use a "?ver=###" query param on the url. This works but this would prevent us from using CloudFront for our files (currently disabled for all this testing so its not the problem either). Also I am not convinced it is a long term solution - or a solution at all since these minified files are being created and shouldnt be in the first place.
Additional information
It may not be helpful, but the files we have noticed this with are in a theme folder that is not technically an active theme. We just use the folder for additional resources that we have created ourselves. We reference them in the head of some pages.
Example:
/wp-content/themes/active-theme <- The active theme
/wp-content/themes/resources <- Our custom resources
Questions:
Where is this file being stored?
How can I delete it?
How can I prevent this from wasting our time ever again?
I found that the issue was with the bitnami server itself. The Apache2 module PageSpeed was causing the served files to be minified and cached resulting in the pages never updating no matter what we did on wordpress.
Apache:
To disable PageSpeed, comment out the following lines in your httpd.conf (/opt/bitnami/apache2/conf/httpd.conf)
#Include conf/pagespeed.conf
#Include conf/pagespeed_libraries.conf
Solution found here
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.
For my website that I'm hosting on heroku I recently did a change in the color scheme, which involved a little picture that was tiled as a background. I removed said picture, as well as making some other small style adjustments, and my page (locally) looks like this:
The one on Heroku looks like this:
What I noticed throughout the page was that Heroku used some changes, like the removal of some divs that I didn't need anymore, but the style changes were not used. Also, unlike the other questions that are similar to mine, I'm not using Rails. This is a simple html site (using an index.php and composer.json so heroku actually serves it) The changes show up on github, and the activity tab on heroku for the app recognizes the commits. What's going on?
Using dev tools like the Chrome Web Inspector, check on the HTML and CSS being served on the production site and see if your changes are in the code. If your changes are not reflected, try clearing your browser's cache.
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