When I enable Cloudflare my site doesn't read my CSS file - cdn

When I enable Cloudflare my site's CSS doesn't get read. I turned off css/html/js minify and rocket loader in the Cloudflare settings but I still get the problem.

Are you using any other caching plugins? These might be at play as well. If you have changed your CSS file recently, however, you need to go to CloudFlare Development Mode first to bypass our cache (you would want to do this when making changes to any static content files while using CloudFlare).

Related

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 .

Cloudflare with WPRocket

So... I just created a new CDN through CF. I'd like to know how long does it take the DNS to propagate worldwide? I tried registering the CDN that I created in CF into WPRocket but it's breaking my site. I don't know if is because of the timeframe that I need to wait or that I'm doing something wrong within the crypto config in CF.
Generally cloudflare takes 24 hours to propogate dns records through wordwide. After that website will serve request through cloudflare. And issue of your site brokedown is may be minification of jQuery or css in wp-rocket or defer parsing of script. Also you can use http://whatsmydns.net for checking DNS entries.
You don't need to configure the CDN section in WP Rocket for services like cloudflare or sucuri.
There's an addon (activated inside WP Rocket) for cloudflare where you just need to fill in your API key and that's it.
I believe you don't even need to set the addon and the API key for cloudflare to work with your website and WP Rocket, the addon is "just" for controling cloudflare directly from wordpress dashboard (purge cloudflare cache, enable development mode, etc)

How to change theme images over https?

I bought a theme to build my website. Now I secured my website through SSL, but in some of my website pages, I'm encountering some insecure mixed content. when I tried to pinpoint the problem, it is coming from my theme(My theme has an asset of images) which is out of my control. So how can I resolve this images over https?
This is likely caused by the theme having "http://" hardcoded into theme files, or wp-config.php. You have two options;
Run a programme like Notepad++ to search your theme's directory for all instances of "http://" and replace with "https://".
Install a plugin such as 'Really Simple SSL" which automatically changes http:// instances
Using your browsers' WebDev tools console, you'll also be able to see which images aren't loading, and usually it's quite clear that an image is trying to load over http:// rather than https://

Magento CSS not updating after copying site to another server

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

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