Help with adding a background image...please

[steve312]

Hi all

I've managed to change the header on my store, but am struggling to add the background image that i want.

Anyone Know what i need to do?

Main site:
www.mastiffmaster.net

store:
www.mastiffmaster.net/store

Thanks
steve

[Omar]

You should first update that image to the template folder (/templates/clean/)

Then update the css of the template (also existing in /templates/clean). You need to add something similar to what you use now for the body

body
{
background-image:
url('/templates/Template_Name/images/bg1.jpg');
background-repeat: repeat
}

[steve312]

Hi Omar

Thats why i'm struggling - i already tried that and i just tried again but something is not right because it just stays the same.

I've also tried inserting the full path to the .css in the homepage to see what that does but still no good.

I am no coder so this all takes time and guess work but now i'm stuck

[Omar]

I am not a code either, though that should work. have you uploaded the backgroung image to the template folder?

[steve312]

Yes uploaded the image to the templates/clean folder  at a loss now

[Crazeet]

I can see a header image on your store, the same as your site, so are you trying to add something extra or have a different header image?

[steve312]

No the header is fine i managed to do that, but saying that i wasn't able to do it through the .css style sheet i had to put the full path to the image into each template.

What i want to do now is take the background image that is at:
http://www.mastiffmaster.net   (it says mastiff Master)

And add it to the store pages at:
http://www.mastiffmaster.net/store

I've tried everything i can think of but in the end i can't keep wasting hours trying to sort it out, it's almost like it's not accessing the .css file

Any help from a techie would be appreciated

Thanks

[Crazeet]

BODY {
   BACKGROUND-IMAGE: [COLOR="Red"]url(bg1.jpg);[/COLOR] BACKGROUND-REPEAT: repeat
}

you need to put the path to the background image in your css as it can't find it as you have it, I've copied and pasted it from your store css above.

[steve312]

Thanks for the input Crazeet I've tried the following:


BODY {
background-image: http://www.mastiffmaster.net/bg1.jpg;
background-repeat: repeat
}


BODY {
background-image: http://www.mastiffmaster.net/store/templates/clean/bg1.jpg;
background-repeat: repeat
}

And many more combinations as well, still no background showing up

[flashdiva]

BODY {
background-image: http://www.mastiffmaster.net/store/templates/clean/bg1.jpg;
background-repeat: repeat
}

Hello :-) ... it's always the small stuff....

The default in the templates, has the folder "Clean" as having a Cap letter:

[COLOR="Blue"][COLOR="Red"][SIZE="3"]C[/SIZE][/COLOR]lean[/COLOR]

That may be what's going on. Microsoft, on your own drive, is very forgiving for upper/lowercase stuff... but not out there on the Net. Try the capital C.

[steve312]

flashdiva - thanks for that, i really thought you had it then, but i just tried and no it's still not showing.

i've checked so many things so many times that i think you easily miss the small things.. oh well can't spend any more time on it, it looks ok without a background.

[portalmaker]

Here's a guess you might want to try...

BODY {
background-image: url('http://www.mastiffmaster.net/store/t...clean/bg1.jpg');
background-repeat: repeat;
}


1) I think you are missing the "url(" in front of the image path and the final ")" at the end... Not sure whether you need the quote mark around the actual http://... or not.  Try it with then try it without. Also not sure whether the quote mark needs to be a single quote or a double... just experiment a little to see which one works. (I would start with a single first.)
2) After the "background-repeat: repeat" make sure you put a ";".

The other thing is to just make sure you have the correct path to the image.  

My two cents...

JimL

[NYCSheikh]

Steve,
I really like your site. Great inspiration and example of what can be done.
Sheikh