Issues with Django and VSCode - css

I am trying to practice building a website with Django and run into an issue trying to save my VSCode work and update my local browser, but only some things change. When I delete some code in my css file, the vscode is save but the elements in Google Chrome stay the same.
When I inspect the element in the developer tools, the code that was deleted in vscode is still in the elements of the developer after the page is refreshed.
Does anyone have any suggestions as to what could be causing this issue?
Any help would be greatly appreciated

If i got your question, the problem is with the caching. Your browser is caching the things, thus not getting updated when you change the code. So you should try this;
Go to the site settings in your browser and delete the cache (site data) of your website(represented by the domain, if running locally, it will be 127.0.0.1).

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

Wordpress edit post/page screen is messed up

I've transferred my wordpress website from a shared hosting to a linux VPS.
Everything is working fine instead of one thing. I'm getting realy weird pages for editing posts/pages.
I'm not sure how to name it and can't find anything on google about it, so I hope someone here can send me in the right direction.
Screenshot
At a quick glance, looks like a browser caching issue. Try the following:
Clear browser cache/cookies etc. and restart the browser/PC
Check with a different browser
Depending on how you migrated (transferred) the site, it is possible that all files did not get transferred fully and/or the database did not get imported fully. If 1. and 2. above fail, delete everything from the VPS and try again.
I'm sure when you check the network tab or console in inspect element on chrome, you will receive a lot of 404 errors because it is not able to load the required files for some reason.
What you can try is to add define('CONCATENATE_SCRIPTS', false) into your wp-config.php file. What this does is load all the javascript files individually, instead of one concatenated file.
Question: Are you using the same domain on your VPS? Or are you accessing the site on your VPS through a different domain? If so, you might want to update your database to correspond with the domain you're testing with now. Because this can cause strange behavior as well.

Codeigniter CSS not updating with new code

I have a project in codeigniter which worked very good until today.
When I edit my css file it works and gets updated but when I'm trying to load it onto the site it's not showing the updated version. I did get back to FileZilla and checked if I missed something but no, the code I updated with is there, no problems.
I have tried to clear my cache in my web browser but it does not seem to solve the problem.
What is causing this?
Cloudflare caused this! If anyone have the same problem and using cloudflare you'll have to change cache settings.

CSS not showing up on Wordpress site

I just made a demo website on Wordpress. It is acting weirdly on every computers on my workplace. On every other PCs which do not belong to the network of my workplace it shows up fine.
Here is what exactly happens, when I apply a theme, it shows up for the first time, as soon as I reload it, all the css styles disappear.
Link to the site www.bkmehta.xyz
I just want to know the possible issues. Is my workplace blocking the content?
What I have tried so far:
Tried applying different themes
Changed all the file permissions to 755.
Console Error Screenshot :Console Errors
Looks ok to me. Try restarting the browser or clearing the browser cache.
When this happens to me, I hard refresh the site.
Mac: shift+cmd+r
Everything else: shift+ctrl+r

Troubleshoot client's CSS issue

I am facing a super weird issue here.
I built a website for my client on my test domain for testing, last week they sent me a email saying they cannot browse this site. From their screenshot I could see their browser (ie10 in win8) is not loading CSS file.
I tested this site on my IE10 in win7 and also tested ie10 in win8 on Browserstack (crossbrowser checking tool). And my collogues also checked on their working PC/MAC. Obviously everything is working fine. I told them to ctrl+F5 to clear the cache so there should be nothing with the cache.
If this is an issue about ie10 I would be happy to troubleshot and modify my CSS but it is an issue with client's specific browser in specific OS so I have totally no idea how to troubleshot that.
Except the Ctrl+F5, is there any other suggestion I could tell my client to solve their problem? Or is there any way I could optimized my CSS file to avoid this?

Resources