cosmetics background image

I want to put a background image on the front page of the cosmetics template. (this was discussed in another post, but I still have a problem).

I tried to edit layout.css, but the changes did not take effect. When I look at the code with FireBug, there seems to be 2 files for layout.css and index.php. I can make changes with firebug, but of course, they are not permanent.

Where will I find the files that are controlling this template?

store.gem-blossoms.com

thanks
Neil

main file is index.php located in template folder.
in layout.css, you have this:

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family: Geneva, Verdana, sans-serif;
background-color: black;
}

you can add there property for background-image


body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family: Geneva, Verdana, sans-serif;
background-color: black;
background-image: url(...
}

I made the changes, but they didn't happen. Here is what I have in layout.css:

body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-family:Geneva, Verdana, sans-serif;
background-color:#000 url(../images/header-bg.png);
}

If you go to the site and use firebug you see this code:
body {
font-family: Geneva,Verdana,sans-serif;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}

so my question is still, where is this file coming from?

Maybe the fact that use use multi value for single value parameter. You have:

background-color:#000 url(../images/header-bg.png);

this is not good, eater use:

background:#000 url(../images/header-bg.png);

or

background-color:#000;
backgroung-image:url(../images/header-bg.png);

fire bug treats that as bad code and it does not appear in debug window.

Also you can put to end of template_css.css(last loaded css file) :

body {
background-image:url(..
}

If even that does not help add important flag:


body {
background-image:url(.. ..)!important;
}