1

I'm working on a site with multiple people right now, were using a bootstrap css template, someone added a background image with the following code.

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url('../img/bgPhoto.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

My issue is, no matter what I do to change/ get rid of the image, it wont go away, I've restarted my IDE, I've restarted my FTP, I've even the code and the image itself, heck I've even restarted my computer. But the haunting image remains.

I've tried small things like

background-image: none !important;

but that doesn't even work. Am I missing something super simple here?

Floern
  • 33,559
  • 24
  • 104
  • 119

2 Answers2

1

Sounds like a browser cache issue. The browser is serving a cached version your css file. You can try clearing your browser cache or appending a parameter to your css file name.:

link rel="stylesheet" href="themes/style.css?nocache={timestamp}" type="text/css"

Similar issue: Browser Caching of CSS files

Community
  • 1
  • 1
gmfm
  • 659
  • 8
  • 21
  • THANKS! i cleared the cache multiple times, didn't seem to help but i appended a parameter to it, that seems to be working! I need to do some more research on the matter still, but that seems to fix my issue for now, thanks again! – Josh Rettig Mar 26 '16 at 00:13
0

Try this :

background: none !important;

If it's not work, please attach screenshot or link to your site

lomboboo
  • 1,221
  • 1
  • 12
  • 27