Page Width will Not Increase (MainWrapper)

**westseedfarm** · 12 Jan 2013, 10:03 AM

For the past 2 days I have been trying to widen the main wrapper, because it looks terrible at 750px. I have changed the stylesheet.css in my template using both 100% and 1024px and it does absolutely nothing. I have been trying to figure this out for 2 days straight, and nothing works. This is is supposed to be very simple, but when I edit anything in the mainwrapper, nothing changes and I don't understand why.

www.westseedfarm.com

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

**Design75** · 12 Jan 2013, 11:16 AM

you have a hard-coded 770px width in the first table of you template, probably in the tpl_header.pph in your common folder

HTML Code:

<body id="indexBody"> <div style="float:inherit"> <table width="770" border="0" cellspacing="0" cellpadding="0" align="center">   <tr>     <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFEC9D">           <tr>             <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">                 <tr>                   <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">                       <tr>                         <td><img src="includes/templates/Blossoming Beauty/images/img_home1.gif" alt="img_home1" width="242" height="180"/></td>                         <td><img src="includes/templates/Blossoming Beauty/images/logo.gif" alt="logo" width="239" height="180"/></td>                         <td><img src="includes/templates/Blossoming Beauty/images/img_home2.gif" alt="img_home2" width="289" height="180"/></td>                       </tr>                     </table></td>

**westseedfarm** · 12 Jan 2013, 11:30 AM

Just checked tpl_header.php and I don't see 770px anywhere, any other places it could be?

EDIT: found it in tpl_main_page.php About to change it to 1024

**Design75** · 12 Jan 2013, 11:35 AM

actually, a lot of places

, but you if you follow the trail inside the files, it should be in tpl a file loaded early in the page loading.

**westseedfarm** · 12 Jan 2013, 11:37 AM

It worked! However, my header is broken up into 4 different images and looks odd and separated now, how can I easily shift the images to the left?

**Design75** · 12 Jan 2013, 11:45 AM

for the roses image, the lower part has a align right and a cell width of 320 px. you need to do the same for the upper part. after that you need to play around a bit to align the rest of the images, and table cells, to get them lined up again.

**westseedfarm** · 12 Jan 2013, 11:57 AM

When I click on that rose image using firebug, it shows me the "320" like you said, but I can't actually see this in stylesheet.css, I can only see it in the html code that firebug shows me. How can get access to that code?

**Design75** · 12 Jan 2013, 12:39 PM

If it is not in the css files, you can find it directly in the template files.

**westseedfarm** · 13 Jan 2013, 05:11 AM

Somehow the background was changed from black to white during all the changes. I have tried to replace the color in the stylesheet to no avail. I even tried to replace it with an image via this technique.

body {margin: 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 62.5%;color: #888787;background: #fff;}

Change the code to:

body {margin: 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 62.5%;color: #888787;background-image: url(../images/your-background-image-name.jpg);}

Nothing Works, and it looks pretty bad with white on the left and right side of the page (background).

I want it to be a green or tan color, though extending the orange bar at the bottom would be great too.

**stevesh** · 13 Jan 2013, 03:06 PM

Zencart loads all stylesheets starting with 'style' and with the css extension it finds in the current template's css folder, so you have two sheets fighting each other (stylesheet.css and stylesheet1.css). Remove one or change its extension, and then you'll be able to style the site with the other.

Thread: Page Width will Not Increase (MainWrapper)

Thread Tools

Search Thread

Display

Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Re: Page Width will Not Increase (MainWrapper)

Similar Threads

v150 How can I increase the width of the display so my text area has more width.

increased width of mainwrapper in css, content did not expand (v1.3.7)

Remove Right column on front page only - increase centercolumn width

How to increase page width

How to Increase Width of Product Page

Posting Permissions