Changing the site colours, widths etc

[scottmcclean]

Hi all - I am completely new to this but have read a lot of the information within the FAQ/Tutorials area and am beginning to make sense of everything. I have only recently downloaded Zen Cart as part of an evaluation process and I have to say that out of the three viewed so far (OScommerce, VPASP, and Zen Cart) this does look like the clear winner. I am totally new to PHP and have to admit that I am a bit confused......and am after a pointer.

I went through the process of creating a new template folder as per (https://www.zen-cart.com/tutorials/i...hp?article=142) "Creating a new Custom Template". I have read and understood the override system (https://www.zen-cart.com/tutorials/index.php?article=36) "Setting up template overrides". Both really good guides - but I am sorry to say I still dont get how to change the sites colours, widths etc. I thought it would be through my new custom template so I copied the css file from the classic folder and added it to my template folder - it did change the box heading background colours and a few other things but not the width and other positionings of the site - where is this controlled from?

I know this is probably a basic request but If I can understand this bit of the design process then it would really help accellerate my evaluation.

Many thanks.
Scott

[kobra]

I thought it would be through my new custom template so I copied the css file from the classic folder and added it to my template folder - it did change the box heading background colours and a few other things but not the width and other positionings of the site - where is this controlled from?

In general, this request is too broad but I can assist with the only targeted item you referenced - -
A link to your development site is always the best option with definte explanation of what you are attempting

Find in your stylesheet.css the following and you can adjust the highlighted value in px, %, or em

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

[scottmcclean]

Hi - thanks for the quick reply. When I created the Custom Template I then went back to the store to see what the effects were by changing the Template in the admin section under "tools". This gave me then a 100% width and basic colours. So to try and better understand which elements the main stylesheet was controlling I then copied the Classic stylesheet into my structure (which is set to 750px), expecting to see the site revert back to green backgrounds for title bars and fixed width for the main site, but all I got was the green title bars.

This is the bit that confused me as my immediate thought was that there were other things driving the site widths etc.

Thanks again
Scott