X-Cart forums

[hoosierglass]

What I am trying to do is get the center section of the screen to look like the second image. Either the main section needs to be stretched to the edge of the verticle menus or the verticle menues need to be stretched to the main section. The first image is how it looks now. The second image is the way I want it to look. Could someone that knows how to do a little home.tpl or menu.tpl editing give me a little help.

http://www.kennedyhardware.com/screenshot.JPG

http://www.kennedyhardware.com/screenshot2.JPG

[pauldodman]

It is probably in skin1.css
Look for VertMenuLeftColumn and you may find that it has right side padding of 20 - try and remove that.

[hoosierglass]

You were right on target Paul. I got that straight so the background does not come through to the main section. Is there a way to add padding to the main section?

The text lines up too close to the verticle menus.

[pauldodman]

The simplest way would be to add another table column, setting a width of say 5 and inserting a spacer image of the same width. Or adding a css class to the main table cell (like on the left column) and adding the padding in the same way in the css file.

[hoosierglass]

Before I jump in and possible screw something up, here is what I have come up with. Let me know if I am on the right track, or in the middle of the track waiting on a train.

in customer/home_main.tpl
add <class=HomeMainPad>

in skin1.css
add
.HomeMainPad {
PADDING-LEFT: 15px;
PADDING-RIGHT: 15px;
}

Does this look right?

[pauldodman]

Why would you put it in home_main.tpl?
And where?

The class wants adding to the table cell in home.tpl exactly as it was for the left column, you now need it on the middle column.

[hoosierglass]

That is why I asked before I jumped in front of the train!
Thanks once again for setting me straight.