Question

I can not explain this at all, but I’ve put a theme selector on my site. A javascript dropdown box that changes the CSS the site is using.

Theme 7 is a theme that had an image of lights in the background. I didn’t think it worked with the rest of it so I changed it to a different image using cPanel on my hoster, hit save, and it saved and changed like any other file.

I refreshed multiple times to get the changes, and scrolled down to Theme 7 to see how the new image looked.

Same image as before.

I tried a new image. Same thing.

….I deleted the line background-image altogether, and then quit out of the browser and restarted it.

The lights are still there.

What is going on??? I’m using Chrome btw. In Safari the image was just straight black. I think I’ve stumbled on a cursed picture.

Here’s the css

body {
    font-family: Calibri, Arial;
    text-align:center; 




    */background-repeat:repeat-y;
    background-size: 100%;*/

    }

input {
    padding: 3px; 
    font-size: 22px;
    }

select {
    padding: 4px;
    }




/*-----CLASSES-------*/

More stuff here

Answer 1

It probably cached the css you were using before in your browser (and possibly the image too?) That’s the only answer that makes much sense. You can force-clear the browser’s cache of the css by changing the call to the file my-styles.css?abcdefghijkl in your html (or wherever it is you are loading up the styles from)…. but manually clearing your cache will work too.