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?

Thread: Page Width will Not Increase (MainWrapper)

Thread Tools

Search Thread

Display

Hybrid View

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