Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Width Issues outside of the stylesheet.css code modification?

Width Issues outside of the stylesheet.css code modification?

Views: 917

Results 1 to 4 of 4
16 Apr 2012, 3:48 PM
#1
uruharacosplay avatar

uruharacosplay

Zen Follower

Join Date:
Nov 2007
Location:
Atlanta, GA
Posts:
125
Plugin Contributions:
0

Width Issues outside of the stylesheet.css code modification?

http://www.akihabaracosplay.com

Hi guys. I'm using v1.3.9
It's never been upgraded and has started from that version.

I'm having trouble adjusting the width of my template. My problem is that I have three templates in my file manager: akihabara, template_default, and classic.

On each one, I have opened the stylesheet.css file and changed the #mainWrapper width to "75%" but, as you can see, no adjustments happen.

I have done this for all three of my stylesheet.css files just in case one is over-riding another to no avail.

What else could be controlling the width to make it spread at 100%?

Thank you so much,
~Indi

16 Apr 2012, 3:51 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Width Issues outside of the stylesheet.css code modification?

Find this in stylesheet.css and remove the red part:

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

18 Apr 2012, 3:32 AM
#3
uruharacosplay avatar

uruharacosplay

Zen Follower

Join Date:
Nov 2007
Location:
Atlanta, GA
Posts:
125
Plugin Contributions:
0

Re: Width Issues outside of the stylesheet.css code modification?

It didn't work. :(

18 Apr 2012, 4:15 AM
#4
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Width Issues outside of the stylesheet.css code modification?

you have ( 2 ) rules for #mainWrapper

change this one:

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 30%;
change to something like below to accommodate for images in header:
width: 960px !important;
vertical-align: top;
border: 1px solid #9a9a9a;
}

delete this one:

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
border: 1px solid #9a9a9a;
max-width: 100%;
min-width: 100%;
}