Welcome to WebmasterWorld Guest from 54.91.71.108

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

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

New User

joined:Nov 24, 2017
posts: 27
votes: 0

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.
12:32 pm on Dec 23, 2017 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4296
votes: 287


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.
12:56 pm on Dec 23, 2017 (gmt 0)

New User

joined:Nov 24, 2017
posts: 27
votes: 0


@Not2easy
I was trying to live edit direct on the live site (via the online file management system).
1:01 pm on Dec 23, 2017 (gmt 0)

New User

joined:Nov 24, 2017
posts: 27
votes: 0


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.
10:38 am on Dec 24, 2017 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:12913
votes: 893


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members