Background Image on Homepage Not Changing

How do I change the main background image on homepage? I changed the following (in bold):

body {
background: #000 url('../images/bg1.jpg') no-repeat center top;
color: #aaa;
font-size: 14px;
font-weight: 400;
line-height: 2;
min-height: 100%;
padding: 0 10px!important;
-ms-word-wrap: break-word;
word-wrap: break-word;
}

After I saved and uploaded the override.css, there has been no change at all. Help!

Hi,
you have changed css only or image also ?
Maybe background image is still in browser cache?

1) Refresh browser screen 2x times (in Windows CTRL+F5).
2) Try another browser to make sure.


Add URL here I will check for you, where is mistake.

ok, I think I know why

In template.css we have used also this code

Code: Select all

@media (max-width: 1920px) {
   body {
      background-image: url('../images/bg1920.jpg')!important;
   }
}

@media (max-width: 1280px) {
   body {
      background-image: url('../images/bg1280.jpg')!important;
   }
}



Important word is "!important' at the end, that's why your code won't worked, because was overridden with this rule.

So if you want to change background you have two possibilities:

1) Use your own background images but override ours - using this same file name.
2) Use "!important" rule in your CSS

It is weird because on my MAC using Safari, the background is the correct one. I will pm you the web info.

Hi,
you have changed css only or image also ?
Maybe background image is still in browser cache?

1) Refresh browser screen 2x times (in Windows CTRL+F5).
2) Try another browser to make sure.


Add URL here I will check for you, where is mistake.

on my PC -- I also see "lightgreen" globe map, is this correct ?

on my PC -- I also see "lightgreen" globe map, is this correct ?

Yes, that is correct.