Is this gradient going to be possible with X-Cart
 

Is there any way to achieve the gradient effect I have here under the flash header

http://www.themarquistheater.com/calendar/index.htm

In the x-cart portion of the site:

http://www.themarquistheater.com/store/xcart/home.php

I managed to get in to the Invision Power Board portion of the site using a <div> that basically wraps everything, but I haven't been able to figure out a way to achieve this in X-cart.

http://www.themarquistheater.com/moments

Thanks for any insight you might be able to provide. I've got a few other skinning questions, but I'll keep them in individual posts.

JB

Can you edit skin1/customer/home.tpl and add a background to this <td> ?

Didn't work
 

You can see the results of that for a while here:

http://www.themarquistheater.com/store/xcart/home.php

I'll be back later today.

JB

Well that's just pretty isn't it.

Try putting it here:


You may want to use CSS.

If that doesn't work, you'd probably have to create a table around the entire content area and put a background on it.

Figured it out.
 

Thanks for the help Jon,

You got me thinking about the problem the right way, which ultimately led to a solution.

I ended up using CSS and creating a new class with the background gradient I needed as a background-image. I added 200 pixels of space to dead space to the top of the gradient image to allow for the Flash Header.

Then applied the class to the <Table> tag in the rectangle_top.tpl

Worked perfectly

you can see the results here:

http://www.themarquistheater.com/store/xcart/home.php

Once the store is live it will be here

http://www.themarquistheater.com/store/home.php

Anyway, thanks for the nudge in the right direction, sometimes that's all it takes.

JB

No prob, looks good.