X-Cart forums

[momentum]

Hello

The text area and the body is not wide enough. It appears to be at 960px. I tried to find the layout in the CSS but I can never get the text area to get wider.

It appears everything from top to bottom is 960px. I would like to make the width of everything from top to bottom 1200px.

Why X-cart made this 960px is beyond me. I thought I would try it and adjust the size via css. However I cannot find anything about width on this.

Any and all help would be great.

[stonezafu]

Momentum

I've used fashion_mosaic_grey as the basis of some quite radical redesigns, including needing to make the page wider to accommodate a new column to the right containing some ad-boxes that run down every page.

Here's the code I used in the altskin.css to do that:

#page-container {
margin: 0 auto;
width: 980px; /* was 780px: lets us hang ad-boxes right */
z-index: 0;
}

I'm not sure if the template you're using is very different from this, but that's where I'd start looking.

On a general design point, I'm assuming you've worked out that people with, say, 1024 x 768 screens will get scroll bars if you have an overall width of 1200px.

John

[momentum]

Hello

Thank you for the post. I am going to give your suggestion a try. I could not fine the line to change the info or I was looking in the wrong css file

I will let you know if I get this going.

Thanks again

[stonezafu]

In the template I use, there are two main controlling stylesheets:

1. main.css (in /skin/common_files/css, and
2. altskin.css (in /skin/fashion_mosaic_grey/css)

I imagine that most templates must make use of both (plus IE variants). The altskin.css modifies (i.e. over-rules) main.css much of the time.

I've sometimes found there's what feels a bit like a tug-of-war going on between the two stylesheets. That's where it's really helpful to use some sort of 'Inspect Element' facility in Chrome, Firefox or Opera to unpick what's going on. [I know it's there in IE, too - but I only use Windows to check how the shop appears on that platform. I'm a Linux man myself & use my wife's Mac to check Safari, etc]

Of course, just setting the width wider is only the start of your fun, as you'll no doubt need to amend settings for the various page sections, too. You have to see the page as a series of box containers within box containers, and it's easy to get lost as every page is made up of multiple template fragments. Again, using Inspect Element is helpful here - and using Webmaster Mode can help you see which template relates to the box section you're trying to change.

Make sure the site you're fiddling with is a copy, not live, and I recommend using a CVS to make sure you can undo the inevitable blunders.

Good luck, John

[momentum]

Hello

I would like to thank both of the people who posted to this question.

With x-cart removing some of the old templates our options are getting fewer.

I did figure this out. There are also images that need to be changed for items to fit in the box.

Thanks again for your help with this