How to change footer background picture? Please help!

[tonisky]

Greetings!

 

I want to change the background colour into an image. Here is my website:

http://homedirectltd.co.uk/shop/index.php

 

I edited #Footer in global.css and made following changes:

 

"

#footer {

color:#fff;

background: url('http://homedirectltd.co.uk/shop/img/bg_footer.gif');

}

"

 

However, the background picture displayed is not exactly what I want. I attach the background picture in the attachment. As you can see, the top part of the attached picture is darker, then slowly goes whiter down to the bottom. However, in my website, the top part of the footer background is always white. I don't understand why the background picture is not properly displayed.

 

I guess it's probably the height of the picture doesn't match the height of the Footer block, however, it doesn't matter how I edit the picture, the top part of the Footer background is always white. I really don't understand why.

 

Any help would be highly appreciated.

[vekia]

hello

 

i suppose that this is what you're looking for:

 

so use this code:

#footer {
color: #fff;
background: url('http://homedirectltd.co.uk/shop/img/bg_footer.gif') 0px 84px repeat-x;
}

[tonisky]

 

hello

 

i suppose that this is what you're looking for:

 

so use this code:

#footer {
color: #fff;
background: url('http://homedirectltd.co.uk/shop/img/bg_footer.gif') 0px 84px repeat-x;
}

Yes, it's exactly what I want! Thank you Vekia, you are very helpful! In fact, I learned quite a lots of tips and skills from your contributions in this forum.

 

By the way, may I know why the use of 0px 84px solve the issue? Why did you use 84px for left & right margins?

[vekia]

hello

 

you're welcome glad to hear that i could help you

 

i used: 0px 84px (xpos ypos) because i wanted to move backgrund 84px from top

repeat-x because i wanted to repead it only in x axis

[tonisky]

hello

 

you're welcome glad to hear that i could help you

 

i used: 0px 84px (xpos ypos) because i wanted to move backgrund 84px from top

repeat-x because i wanted to repead it only in x axis

Hi Vekia, thank you very much! You are a great contributor.  I'll mark it as being solved.