X-Cart forums - Trouble altering background color

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Trouble altering background color (https://forum.x-cart.com/showthread.php?t=15729)

Trouble altering background color

Hello,
I searched the forums and did find some posts geared toward what I want to do, but I cant seem to get it to work on my site.

First....I used rectangle_top.tpl to create a fixed table width....so now I want the background color around the table to be a different color like this.....http://www.bodygems4u.com/ (this is my Index.html outside of x-cart).

I know enough about php, css and html to get myself in to trouble and thats it. I did everything in the post I was reading and it changed the background color of the table (where all the categories and info, etc are) and left the outside area the same. I want it to do the exact opposite ](*,)
:D

if i am understanding u correctly, u r wanting to change the area most outside of your site, to kind of give a contrast and therefore focus the user on the innermost part of the site.....correct?

may i just suggest that you

1. add
.OuterBG {
BACKGROUND-COLOR: #XXXXXX;
}
to your css file "changing the XXXXXX to the color you want"
2. go to the customer/home.tpl
3. find the <BODY> tag and insert class="OuterBG" just after like so <BODY class="OuterBG" blah blah>[/code]

Hello.....Thanks so much for posting a reply!

Well, I tried what you suggested and what happened was that my entire page was turned the background color.

Here is what I ended up doing.....
1. Created .OuterBG in the skin1.css file and used the color that I wanted for my main table.

2. Changed the background-color in the skin1.css file: (Used the color I wanted for the area on the outermost part of the page.)
BODY {
MARGIN-TOP: 0 px;
MARGIN-BOTTOM: 0 px;
MARGIN-LEFT: 0 px;
MARGIN-RIGHT: 0 px;
BACKGROUND-COLOR: #AC986F;

3. Opened home.tpl and applied class="OuterBG" to the table in the

3. Opened rectangle_top.tpl and applied class="OuterBG" to that table.

Uploaded everything and it looks exactly as I wanted! Now the main part of the site page where all the info. is stands out and contrasts nicely with a darker background behind the table. :D