Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Image backgound - CSS help please

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 05-09-2005, 09:46 AM
 
karentown karentown is offline
 

Senior Member
  
Join Date: Apr 2005
Posts: 129
 

Default 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]
__________________
Running stores using the following:

2@ Version 4.0.19
2@ Version 4.1.9
1@ Version 4.1.11
Reply With Quote
  #2  
Old 05-09-2005, 12:58 PM
  TelaFirma's Avatar 
TelaFirma TelaFirma is offline
 

X-Adept
  
Join Date: Nov 2002
Location: North Carolina USA
Posts: 930
 

Default

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
Code:
class="MainTable"
to the <Table> definition also setting the table width to some fixed pixel ammount - so it reads something like:

Code:
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="768" height="100%" class="MainTable">

Then in the CSS add the class definition

Code:
.MainTable { background-color: #FFFFFF; }
Reply With Quote
  #3  
Old 05-10-2005, 12:35 AM
 
karentown karentown is offline
 

Senior Member
  
Join Date: Apr 2005
Posts: 129
 

Default 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
__________________
Running stores using the following:

2@ Version 4.0.19
2@ Version 4.1.9
1@ Version 4.1.11
Reply With Quote
  #4  
Old 05-10-2005, 12:36 PM
  lyncca's Avatar 
lyncca lyncca is offline
 

X-Adept
  
Join Date: Nov 2003
Location: Fort Worth, Texas
Posts: 455
 

Default

check your path name. I think it should be "/images/" instead of "/image/"
Reply With Quote
  #5  
Old 05-10-2005, 12:40 PM
  lyncca's Avatar 
lyncca lyncca is offline
 

X-Adept
  
Join Date: Nov 2003
Location: Fort Worth, Texas
Posts: 455
 

Default

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....
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 02:14 PM.

   

 
X-Cart forums © 2001-2020