background image and color

**GK User** Mon Sep 10, 2012 3:45 am

hi i want to change the background image and color.
i read on another post that all i need to do is paste

{ background: #00000 url('../images/style4/bg1.jpg') no-repeat center top; }

in the override css file after enabling css override. but it doesnt seem to be working.

my site is www.jags.in

**Konrad M** Mon Sep 10, 2012 7:56 am

Hi,
I checked your override using firebug and there is no code you pasted. Remember to copy image to this folder after you add code.

**GK User** Mon Sep 24, 2012 1:55 am

i have input the following code

body { background: url("../images/halo-hd-wallpaper-99.jpg") repeat scroll;}

now the background has just gone white..

**Konrad M** Mon Sep 24, 2012 8:18 am

It's happend because you didn't copy uyour boackground image to templates/gk_game_magazine/images . Just copy your image to this folder.

**GK User** Mon Sep 24, 2012 9:57 am

iv got the image working now thanks
BUT
i need it to scroll with the screen not repeat.
ie i want the image to move down when you scroll down.
whats the code for that??

**Konrad M** Mon Sep 24, 2012 10:24 am

Try this code in override.css

Code: Select all: background:url("../images/halo-hd-wallpaper-99.jpg") top center no-repeat fixed;

**GK User** Mon Sep 24, 2012 10:33 am

tried ur code, it reset to the old default image.

**Konrad M** Mon Sep 24, 2012 11:10 am

Becasue you didn't add this to any selector. Try this

Code: Select all: body { background:url("../images/halo-hd-wallpaper-99.jpg") top center no-repeat fixed; }