Zen Cart Logo
Forums / General Questions / width of template

width of template

Locked

Views: 2,153

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
13 Oct 2006, 6:28 PM
#1
keystonewebworks avatar

keystonewebworks

Zen Follower

Join Date:
Oct 2005
Posts:
172
Plugin Contributions:
0

width of template

I have a question...

the normal width of the template is 750px

I have the shop setup with left coumn and right column

I have a large mainpage image that is pushing the right column out of the main wrapper.

How do i tell zencart to expand with large images without pushing the right column out of the mix?

15 Oct 2006, 3:47 AM
#3
keystonewebworks avatar

keystonewebworks

Zen Follower

Join Date:
Oct 2005
Posts:
172
Plugin Contributions:
0

Re: width of template

this is driving me crazy.....why won't the page expand to compensate for the large image in the main page???????

15 Oct 2006, 4:18 AM
#4
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: width of template

I'm not sure, but what I do know is your image is 543px wide and combined with each sidebox column at 150px... all those combined values definitely won't work within a mainWrapper width declared at 750px. Maybe at 900px, taking margin values into the mix, things might be alright.

Asides from that, this is a good read about liquid designs;
http://www.digital-web.com/articles/liquid_web_design/

15 Oct 2006, 5:24 PM
#5
keystonewebworks avatar

keystonewebworks

Zen Follower

Join Date:
Oct 2005
Posts:
172
Plugin Contributions:
0

Re: width of template

the thing is.....i know there is a way to do it.....there are many sites that expnd if the picture is larger than the set 750px.

15 Oct 2006, 6:04 PM
#6
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,841
Plugin Contributions:
0

Re: width of template

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

change text in red to something like "width: 85%;"

You'll have to play with different resolutions to find a setting that works in all cases, unless you set it to 100%

15 Oct 2006, 10:15 PM
#7
keystonewebworks avatar

keystonewebworks

Zen Follower

Join Date:
Oct 2005
Posts:
172
Plugin Contributions:
0

Re: width of template

I have tried that...but i know there is a way to edit one of the common templates to allow for larger images so the template would expand.

3 Apr 2007, 10:42 PM
#8
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: width of template

barco57:

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

>  
> change text in red to something like "width: 85%;"
>  
> You'll have to play with different resolutions to find a setting that works in all cases, unless you set it to 100%
 
 
HI
 
Where do i find that section  can some on be more spacific  , i look all over and could not find that part 
 
thank you
3 Apr 2007, 11:11 PM
#9
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: width of template

it is me again :smile:

i fund that part in my includes/templates/template_default/css/stylesheet.css
1st. is that the right place?
2nd. that what i got

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}
it say 100% already i am trying to have the page be all the way right to left, is that possible ? if so can some one give me clear direction on how to do so ?

Thank You
www.tiledepot.us/store

5 Apr 2007, 7:10 AM
#10
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,841
Plugin Contributions:
0

Re: width of template

it appears you are using the classic template so you would edit the stylesheet in includes/templates/classic/css

you really need to create your own template and use the overrides system correctly.....otherwise you'll lose all of your customizations during a upgrade.