Reputation: 391
I have a CSS file in which i added a background initially to it. Then after some time i added some more background images to my media folder and tried to change the background. But this time, it didn't work. And moreover, the previous background image itself is loaded again. I tried to inspect the webpage. There, in sources, I opened the CSS file. It was not updated. It is still showing the previous background image url. How to rectify this issue?
My CSS file(previously):
body {
background: white url("images/background.png");
}
ul.errorlist {
padding-left: 0;
}
ul.errorlist > li {
list-style: none;
}
.navbar {
border-radius: 0;
}
.navbar-brand {
font-family: 'Satisfy', cursive;
}
Then I changed the background image url to:
body {
background: white url("images/ak.jpg");
}
The new image is not loading. When I inspect the element, the previous CSS file is shown.
Upvotes: 0
Views: 52
Reputation: 2027
As mentioned in the comments you have to clear your cache. You can do that faster by hitting:
Windows: ctrl + F5
Mac/Apple: Apple + R or command + R
Linux: F5
Alternatively you can disable your cache on Chrome/Firefox while DevTools are open by opening DevTools (ctrl + shift + I), going to the options tab (F1) and ticking the box Disable cache(while DevTools is open). This will ensure that the browser never cashes your files as long as you have DevTool open.
Upvotes: 1