Image backgound - CSS help please
 

Hi,

I am not sure how to alter the CSS to do the following and was wondering if anyone can help me please?

I am using the fashion skin template. Currently the whole background is white. I want to make the background of the page an image but then the rest of the site a white background. I realise that sounds like hocus pocus.

Can you look at http://www.frontline-marketing.co.uk and you will see what I want to achieve. A patterned background but the actual content in a white background site.

Gosh, I do hope that makes sense. I am not sure how to alter the CSS.

I tried adding in the body section:

background-image:url(http://www.sweetpeaandmeboutique.com/xcart/skin1/image/customer_images/bg.gif);
background-repeat: repeat;

to the CSS /xcart/skin1/skin1_customer.css but of course this just made the whole page have the pattern.

I would appreciate the help :)

Thanks in advance
Karen[/url]

After you add that to your CSS, you will also need to define a class for the main table with a white background and then add THAT to the CSS as well.


For instance, in the rectangle_top.tpl template, add to the <Table> definition also setting the table width to some fixed pixel ammount - so it reads something like:


Then in the CSS add the class definition

Thanks
 

I obviously am doing something wrong cause I followed your instructions and the page just stayed patterned.

Do you know which templates I need to change/edit? I switched to webmaster mode to see if I could see but I am not sure if there is one "main one" that I can add the MainTable class to or if it is over several templates. Thanks :)

check your path name. I think it should be "/images/" instead of "/image/"

Oh, looks like you did get it to show up according to your later post and are having trouble with the white part. The directions above should work perfectly....