Stationary background

Hello to all,

I am building a website using Gk- Sporter and would like to make the background picture stationary. Will you please be able to let me know, how can I make my website content scroll while background stays in place.

Here is the link of the website:
http://www.vapethisba.com/

Thank you for your help

Hi

Please add this code to css:

Code: Select all

body > .bg {
    background: url("../images/style1/bg_image.jpg") no-repeat fixed center 0 transparent;
}


I added the code you provided to template.css and is not working for some reason

Hi

It's not working because style1.css file is being loaded before template.css and old background code was in use, You can move this code to override.css which is loaded as last or simply use !important rule to make new code prior:

Code: Select all

body > .bg {
    background: url("../images/style1/bg_image.jpg") no-repeat fixed center 0 transparent !important;
}


Great, thank you so much. It works!

Teitbite,

I also noticed my background picture is stretched out, and it doesn't look good as original one I updated. Is there a way to post the background picture and avoid stretching?

Thank you!

Hi

There is no code to stretch background anywhere. Here is an image I've downloaded from Your site:

Ok, I see. Picture is not sharp enough and that is why it looks stretched to me. Sorry I bothered you man, I should know that!

Thank you for your time!

Hi

Not a problem at all. Try using a png format it's the sharpest I know.