Magento CSS not updating after copying site to another server - css

I done things a bit backward developing my new site, don't ask me why! But i built the site on the live server it will be hosted on first and the other day i created a sub-domain to hold a copy of the website so i can use it as a sandbox environment and test new plugins, to get PayPal working etc
I followed this tutorial
So it all worked fine! i have a copy of my site on a subdomain working. I had the infamous admin login redirect to itself issue but i sorted that, the reason it wasnt working was because i had my caches disabled in magento before i copied the site. So i had to enable them again in order to gain access ( If anyone knows why this is please share).
So my problem now is, i am updating the design of my website using the css and images in the skin folder. The problem is i update something in the css and load it onto my server and into the subdomain skins folder but nothing changes on the frontend UNTIL about 15 minutes later and me clearing all caches hundreds of times!! i really don't understand whats happening?
The links to my css/js and image folders are all correct in the head of the website. It's just like a time delay between me changing something in the css and the website updating itself.
Any information would be greatly appreciated.
Kind regards
Tom

Have you also disabled cached on Magento Admin? Perhaps you can try reloading the site on a non-cached based version of browsers (e.g. Incognito Mode in Google Chrome).

Your browser is also caching the external css files which is basically good for saving bandwidth of server and reducing page loading speed. But, for development purpose, you need to avoid css caching. On firefox or IE, you can use CTRL+F5 to reload a webpage without cached css.
If you do not want to use CTRL+F5, you can also add timestamp to your css file as URL parameter.
For example, style.css?<?php echo time();?>
You can also use Apache module to expire the caching.
.htaccess
ExpiresByType text/css "access plus 1 second"
http://httpd.apache.org/docs/2.2/mod/mod_expires.html

Related

Styling not refreshing for old visitors on WordPress

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

Changes made in WP_Elementor but not published in live site

I have made a small text change on one of my wordpress website using elementor 3 but is not able to publish on live site. Solutions that I have tried so far but unsuccessful.
Clear Browser cache, WP plugin cache and purge website server cache.
Made changes again and view in incognito mode
Change Elementor CSS Print Method to Internal Embedding
Regenerate CSS and data in Elementor tools settings
Note: The only way I see change made is by adding ? (querymode) to the url, but not without that.
The issue we were having was due to old hosting, since the DNS was pointing to old host, the changes made was reflecting in old WP admin but not in new one
All we have to do is point the DNS to new host. That resolved a problem .

Could a cacheing plugin cause css not to edit?

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.

how do i prevent hotlinking of images in my wordpress site?

I have a wordpress website hosted on byethost.com which runs on a free account, now what the problem is that on some computers it shows that image hotlinking is disabled on my plan, is there a way to change my urls of images whithout giving my websites link, or i'll just have to upgrade my plan??
You should add an entry to your .htaccess. This page has a handy generator that will write he rules for you.
As always with making changes to .htaccess, make sure you back it up first, and don't put it in between the comments added by WP, since they may get over written

Updates to Wordpress theme template/stylesheet are not reflected when a file is edited

I am developing a theme in Wordpress. I have an issue where updates to my stylesheet (style.css) are not being reflected in the browser after FTPing a new version of the file to the server. Edits will only show up in the browser after waiting a long time, (15+ minutes). I have tried all the things mentioned here (edit: now updated to address the issue), which have not worked. These include:
Making sure no caching plugins are installed in Wordpress
Clearing the browser cache
Trying from a different browser
Making sure I am editing and accessing the correct file
Checking webhost configuration panel for a caching plugin
Something seems to be caching the stylesheet but I'm not sure how this might be so.
It turns out that my hosting company (Certified Hosting) uses a webpage caching plugin called Varnish on their shared servers. Unfortunately there is no mention of this in the configuration panel - the only way to disable it for the domain is to submit a support ticket. Once they fixed it on the backend, my changes are now correctly being reflected without having to wait a while as before.

Resources