add backgroound on site

Hi, how can I add a background image to the site? Template Finance of course.
thanks
Marie

Hi

Please add this code at the end of template_css.css file:

Code: Select all

body {
background:url(../images/background.png) repeat scroll top center #FFFFFF !important;
}


Hi

There is something wrong with the path. The image is not there.

hi,

this one should be the correct path to your logo:

background-image: url(../images/logo_bg.JPG);

however I guess you won't succeed when changing the rule. I guess you have another rule for your body-tag somewhere else which is in conflict. check your site with firebug ...

if you still don't see your logo delete

background-position: 50% 50%;
background-repeat: no-repeat;

just for testing. the logo is at a position where other elements hide it.

hi,
the logo is there. type in the following path to the image in your browser:

http://www.gta-consulting.com/templates ... ogo_bg.JPG

the path i have written in my last post is a relative path, but points to the same location and works fine.

there is an error in your css-rule for the body-tag. you have written

body {
background-image: url(.../images/logo_bg.JPG);
background-position: 50% 50%;
background-repeat: no-repeat;
}

delete on of the dots. you have three of them and change the code into

body {
background-image: url(../images/logo_bg.JPG);
background-position: 50% 50%;
background-repeat: no-repeat;
}

then search in your css-files for that rule:

body {
background:#efeeee;
}

it is there. delete it and your logo will appear.

kind regards, oliver

Hi Truequest,

firebug shows, that the code u need to change is located in this file:

Code: Select all

/templates/gk_finance_com/css/style.php?colors=001122,013971,014b94,b51a1b,99bde2,f5fafe,fdf2f2,efeeee,ffffff,333333,013971,014b94,ffffff

I am not sure, whether this is an original file. But in line 13 of this file you will find the following code:

Code: Select all

body {
background:none repeat scroll 0 0 #EFEEEE;

This is what you will have to replace with the code given by Yankers.

Hi

Now I can see it. Please edit file http://www.gta-consulting.com/templates ... te_css.css and in class:

Code: Select all

body {
background-image:url("../images/logo_bg.JPG");
background-position:50% 50%;
background-repeat:no-repeat;
}


and add !important after the line with the background image. So it will look like that:

Code: Select all

body {
background-image:url("../images/logo_bg.JPG") !important;
background-position:50% 50%;
background-repeat:no-repeat;
}


Hi

We love You too, mate