X-Cart forums

[ewalk]

We have a box border showing around the main body area on all of our pages including category, static and the description/details/sections product description pages. How can I get rid of it?
Thanks in advance for your help.

[balinor]

All the borders, colors, etc are controlled via your main skin1.css file. Find the class controlling it by using Firebug, and edit accordingly.

[JWait]

Look at skin1/dialog.tpl. That is what defines the "box" that contains almost everything in the center section of x-cart.

[ewalk]

Thanks JWait. I had looked at "dialog.tpl." previously and did not see anything there which looked like it controlled a border except Cellspacing. In my limited knowledge of html, cellspacing does not control a border. But, just on a whim, I changed the cellspacing here to "0" and poof! It magically disappeared. BTW, commenting it out did not work.

Thanks Padraic, I will download the Firebug program and try that out, too. I assume because you recommended it that it is better than x-cart's debugging mode?

[balinor]

Different tools - Firebug tells you what css classes are what - the debug console just tells you what template.

[JWait]

What I meant was, if you look in dialog.tpl you will find the classes of what does what. For example, in dialog.tpl "<td class="DialogTitleBg">" states that the class "DialogTitleBg" controls that table cell, defining height, width, background color, etc. Look in skin1.css and find DialogTitleBg and you will see what I mean.

[ewalk]

This classes thing is still driving me nuts! Every little thing in this cart has its' own class. I am still trying to figure out how to change the H1 on the customer side from gigantic, scary unreadable to something more manageable.

[JWait]

http://www.w3schools.com/css/default.asp may help.