View Single Post
  #9  
Old 03-04-2009, 08:17 AM
 
joet joet is offline
 

Newbie
  
Join Date: Sep 2006
Posts: 7
 

Default Re: Change width, center site & change background color

I have been successful changing my site's width, centering it, and changing the background color. (in 4.2).

It's tricky because the developers have changed the way the html is coded. The "page-container" div contains the main section of the page and has a top margin that pushed it down the page. Then, at the end of the code, the header is defined with "absolute" positioning relative to the top left corner of the screen.

So if all you change is the CSS on the "page-container" div, you won't change the header at all. And I'm not enough of a whiz to get the header to be centered if it's not in the regular document flow.

So what I did was edit home.tpl and moved the header div up to just inside the page-container div. Like so:
HTML Code:
<div id="page-container"> <div id="header"> {include file="customer/head.tpl"} </div>
And then I had to adjust the height of the header in the main.css and remove the top margin on page-container.

Note: If you're using fast lane checkout you also have to change this in the home.tpl inside the FLC module, and change the FLC header height (it's at something like line 3250)

Hope that helps.

Sig line is outdated. Sorry about that.

Joe
__________________
version 4.1.9
Reply With Quote