Forum Moderators: not2easy

Message Too Old, No Replies

CSS colour scheme not updating online but does update from Desktop

desktop .html files will update if CSS is changed but web .html files wont

         

AndrewHill

11:28 am on Dec 23, 2017 (gmt 0)

5+ Year Member


My colour scheme has gone wonky,
I had a website built for me which looked smashing but when it was uploaded, the yellow in the colour scheme disappeared.

Anywhere, I've figured out the issue is in the CSS. So, here is some of the CSS code as it is.

#nav-toggle { background: #777; color: #fff; }
.nav-overlay { background: #777; }
.nav-overlay a, .nav-overlay a:visited { color: #fff;}
.nav-overlay a:hover, .overlay a:focus { color: #03a454; }
#header-valuation { background: #fff; }
#footer { background: #777; color: #fff; }
#footer a, #footer a:visited { color: #fff; }


So, the footer and the navigation button (menu button) are grey.
When I change the style.css document on my computer to:
#nav-toggle { background: #03a454; color: #fff; }
.nav-overlay { background: #777; }
.nav-overlay a, .nav-overlay a:visited { color: #fff;}
.nav-overlay a:hover, .overlay a:focus { color: #03a454; }
#header-valuation { background: #fff; }
#footer { background: #03a454; color: #fff; }
#footer a, #footer a:visited { color: #fff; }

and refresh the .html file opened from my desktop (not uploaded to the host), the nav bar and footer turn green which is smashing. That's what I want.
However, when I change the same lines on the website itself, there's absolutely no change.

not2easy

12:32 pm on Dec 23, 2017 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



However, when I change the same lines on the website itself

Where did you change the lines on the live site? Did you download and edit the .css file and then upload it to overwrite the original .css file?

If so, it may be a matter of your browser cache. Try a different browser or clear the cache and refresh the page.

AndrewHill

12:56 pm on Dec 23, 2017 (gmt 0)

5+ Year Member



@Not2easy
I was trying to live edit direct on the live site (via the online file management system).

AndrewHill

1:01 pm on Dec 23, 2017 (gmt 0)

5+ Year Member



Hold on, it appears you were right. Not sure what the crack is, maybe it takes 10 minutes or so to take effect. It's been a little while since I checked the site... Anyway, I just clicked refresh and low and behold, it's worked.

keyplyr

10:38 am on Dec 24, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



As you found out, CSS being a text file is readily cached by the browser. After making any changes, you need to reload the page... sometimes a couple of times.

As not2easy suggested, it's always prudent to clear cache then reload the page.