X-Cart forums

[philipcox]

I am trying to add a background image to my site while keeping the main central body background grey. Here is what I have done:

Added class="MainTable" to the table definition in rectangle_top.tpl.

Added BODY {
MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px;
background-image:url(http://server5.alwayswebhosting.com/~mountain/store/skin1/images/img_84.gif);
background-repeat: repeat;
}
to the skin1.css file.

And added


.MainTable {
background-color: #222222;
}
to the skin1.css file.

But all I get is the pattern all over the page. What can I do to fix this?

[balinor]

You need to set the background to not repeat, and position it where you want it.

background-repeat: no-repeat;
background-position: 50% 50%;

[philipcox]

it actually works fine in Firefox, but in Safari it keeps the pattern all over the page. I have even emptied my cache in both browsers.....is there a reason why my CSS changes dont affect how it displays in Safari?

[philipcox]

Here is the URL
http://server5.alwayswebhosting.com/~mountain/store/home.php

[balinor]

Ahhh...I see what you are saying...shows up that way in IE as well....try using the old fashioned

<td bgcolor="#222222"

to rectangle_top and see if that makes a difference.

[philipcox]

no luck. putting <td bgcolor="#222222" in the rectangle_top.tpl table definition just makes Firefox look the same as Safari and IE....repeating pattern all over the page.....any other suggestions?

[balinor]

How about assigning the maintable class to the first table in home.tpl?

[philipcox]

Very close! This is what I get.....now what?
www.mountainhideout.com/example.htm

[balinor]

Assign it to head.tpl as well...

[philipcox]

That fixed that! There is just a small sliver that isnt grey on the bottom, but im ok with it. THANKS!