Where edit and how change the background

I use the style 2 Blue color. Where and what file should i edit? I want to use a image as a background. What is the code i need to use, and where should i put it?

Thanks,

You can use following css code in override.css located inside templates css folder and then enable css override option in template settings > advanced settings > css override "on".

Change file name and make sure your image is uploaded inside templates folder > images.

Code: Select all

body { background: url('../images/mybackground.png'); }


You might need additional css code depending on your image size etc.

See you around...

That worked! BUT when i change it, the whole background within the text and everything changed. I only want the sides to have the background and not the middle also. Is there a way to fix this?

Can you post your website link so we can check.

http://soccerbetting.me

I turned the background back again.

I don't see any background.

What is your image location and name so I will test it from browser

Okey, i have now changed it back. Here are the url to the image: http://soccerbetting.me/images/bg.jpg

Also add following css code

Code: Select all

#gkContentTop, #gkPageContent, #gkBottom2, #gkFooter {
    background: #fff!important;
}


See you around...

Thanks it's working now 2 small things... :

How can i make the background not getting repeated? I want it to standing still while scrolling down the page.

Why is the logo i uploaded not the same size as the image it self. It's very very small :/

Replace background css with below css

Code: Select all

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


And below for logo fix

Code: Select all

#gkLogo {
    height: 40px;
    margin: 5px 30px 10px 0;
    width: 350px;
}


And footer fix

Code: Select all

#gkFooter { padding: 16px 15px 0; }


And Search box fix

Code: Select all

#mod-search-searchword { margin-top: 3px; }


See you around...