Wordpress - style.css doesn't seem to be updating on Chrome

Question

Whenever I update my style.css file in Wordpress, then update the file, I am able to see the change in Firefox or Safari, but never in Chrome, because for some reason Chrome has an old stylesheet.

I have tried restarting Chrome, and doing Ctrl+Shift+R and deleting the cache, but for some reason I keep having one image that doesn't show up, but on Safari it shows up fine.

For people who want to test: the site is https://newblueprint.staging.wpengine.com/ and scroll down toward the bottom and find the "OUR CAMPAIGNS" header. The yellow background should have an image on top of it, which shows up in Safari and Firefox, but not Chrome.

Answer 1

Actually chrome's display is correct. This image doesn't exist:

https://newblueprint.staging.wpengine.com/wp-content/themes/Blueprint/images/habit-burger-logo.jpg

I believe other browsers of yours have cached that image while chrome is rightfully not displaying it.

Edit:

I agree with hungerstar, the image has to be corrupted. The page, after all, does not return a 404, but a broken image object.

Edit 2:

Opened the image in sublime and here's the actual problem:

Your image is actually a .psd that you either renamed to .jpg instead of properly converting or you're straight up trying to load a .psd into a webpage.

Answer 2

This is the link of the image https://newblueprint.staging.wpengine.com/wp-content/themes/Blueprint/images/habit-burger-logo.jpg

and this is the link of the other images: https://newblueprint.staging.wpengine.com/wp-content/themes/Blueprint/images/Coca-Cola_logo_white.png

Do you see the difference? I've replaced the current image (with chrome inspection tool) with your current coco cola image to check and see if there was something wrong with the css but there wasn't. It's simple. You need to use a different image