CSS changes not showing even after all caches cleared

Hi @rareg,

Could you please give an example of what CSS code is not working? I don’t see any issues on your website at the moment.

Yes, the ‘sign up for more’ section with the mailchimp form shouldn’t have a white background.

This is the CSS I have implemented and isn’t showing:

#mc_embed_signup {
		background: transparent !important;
		font-family: 'Titillium Web', sans-serif !important;
		color: white !important;
	}
	#mc_embed_signup .mc-field-group {
		width: inherit !important;
		margin: 20px !important;
	}
	#mc_embed_signup .mc-field-group label {
		text-transform: uppercase;
		font-size: 15px;
		letter-spacing: 3px;
	}
	#mc_embed_signup .mc-field-group input {display: inline-block !important;}
	div#mc_embed_signup_scroll {
		max-width: 900px;
		margin: 0px auto;
	}

Aha, it’s a bug in Chrome – have installed the chrome css reloader web browser extension. Sorry about that.

Hi, I have the same problem.

@rareg, so you say it was a Chrome bug? But I tested my css changes in chrome and also with IE but no changes were shown.

Is it possible to exclude css file from cache? I tried introducing css path but plugin is not saving the path exactly as i save it. Do I have to set any rule to the path?

Thanks in advance

@zelener,

Don’t know if you have the same issue, but you can try and clear the browser cache… Another quick solution is to open up the CSS file directly in the browser and refreshing that page. A good way to avoid this is add a version string to the CSS file, once changes are made, update the version number. That way the browser will always show and use the latest version of the file.

Hi, thanks for your answer.
I tried clearing cache but didnt work.

When you say “Another quick solution is to open up the CSS file directly in the browser and refreshing that page”: this is the same as clearing cache?

When you say: “A good way to avoid this is add a version string to the CSS file, once changes are made, update the version number. That way the browser will always show and use the latest version of the file.”. This will work in spite of file caching?

Thakns!

Hello @zelener,

this is the same as clearing cache

Well, it’s like clearing browser cache. But please don’t confuse browser cache with page cache. Those are two different things.

This will work in spite of file caching

Again, this will help with browser cache issue, won’t help with page cache issues. But from the looks of it, you are having a browser cache issue.

Hummingbird can help you clear the cache that is on your website (page cache). If the changes, made to CSS files, are not reflected in your browser, then this is probably a browser cache issue. You can clear it using any method discussed above.

Generally Chrome gives problems in refreshing page views, it keeps taking the older version from its cache.

Clearing website cache won’t work, clearing Chrome history won’t work.

There is an option in Chrome to do a hard reload and cache clear.

To do this, open the web developer of Chrome (F12). Leave it open, then right click the refresh button, you will see a submenu appear. Click “Empty Cache and Hard Reload”. That resolves the stubborn Chrome issue.

FYI