Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Moving the site to the center

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 07-07-2008, 07:07 AM
 
typeav typeav is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 39
 

Question Moving the site to the center

The side position is all the way to the left how do I move it to the middle ?

Example, right now is like www.tigerdirect.com and I want it to be like www.target.com


Just need to know what file to modify.


Thanks!!!!!
__________________
X-Cart Gold Version 4.2.1
X-Cart Gold Version 4.4.3
OS: Linux
Reply With Quote
  #2  
Old 07-07-2008, 07:41 AM
  Yurij's Avatar 
Yurij Yurij is offline
Banned
 

X-Adept
  
Join Date: Jan 2008
Posts: 486
 

Default Re: Moving the site to the center

Quote:
Originally Posted by typeav
The side position is all the way to the left how do I move it to the middle ?

Example, right now is like www.tigerdirect.com and I want it to be like www.target.com


Just need to know what file to modify.


Thanks!!!!!

In the file "skin1/customer/home.tpl" immediately after the line:
PHP Code:
<body{$reading_direction_tag}{if $body_onload ne ''onload="javascript{$body_onload}"{/if}> 
insert the following code
PHP Code:
<div align="center"


then insert the following сode
PHP Code:
</div

before the line
PHP Code:
</body
Reply With Quote
  #3  
Old 07-07-2008, 08:58 AM
 
typeav typeav is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 39
 

Default Re: Moving the site to the center

didnt work
__________________
X-Cart Gold Version 4.2.1
X-Cart Gold Version 4.4.3
OS: Linux
Reply With Quote
  #4  
Old 07-07-2008, 09:00 AM
 
typeav typeav is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 39
 

Default Re: Moving the site to the center

Ok it works, but everything is in the middle now.......Including colunms, products, etc etc
__________________
X-Cart Gold Version 4.2.1
X-Cart Gold Version 4.4.3
OS: Linux
Reply With Quote
  #5  
Old 07-07-2008, 10:04 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Moving the site to the center

Yea, that won't quite work. Try replacing this:

<div align="center">

with this:

<div style="margin: 0 auto; width: 975px;">

Change the 975 to whatever width you want.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #6  
Old 07-07-2008, 01:11 PM
 
typeav typeav is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 39
 

Default Re: Moving the site to the center

Balinor it works, thanks a lot. Let me make it clear to the audience.

In the file "skin1/customer/home.tpl" immediately after the line:

<body{$reading_direction_tag}{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}>

insert the following code:

<div style="margin: 0 auto; width: 975px;">

Change the 975 to whatever width you want.
__________________
X-Cart Gold Version 4.2.1
X-Cart Gold Version 4.4.3
OS: Linux
Reply With Quote
  #7  
Old 07-07-2008, 02:01 PM
 
typeav typeav is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 39
 

Default Re: Moving the site to the center

Now, how can I move the check out page cart to the middle of the screen?
__________________
X-Cart Gold Version 4.2.1
X-Cart Gold Version 4.4.3
OS: Linux
Reply With Quote
  #8  
Old 07-07-2008, 02:09 PM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Moving the site to the center

Do the same thing to the fast lane template which is in your modules/fast lane folder.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #9  
Old 07-07-2008, 02:26 PM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Moving the site to the center

Another way to do this with css, and one less element in your html:

in your css file, change the TABLE.Container element to:

Code:
TABLE.Container { width: 960px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }

Accomplishes the same thing. Of course, edit the background-color to what you want it to be.
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote
  #10  
Old 07-07-2008, 06:08 PM
 
typeav typeav is offline
 

Advanced Member
  
Join Date: Sep 2007
Posts: 39
 

Default Re: Moving the site to the center

It works, thank you thank you thank you!!! To everybody for all the help.
__________________
X-Cart Gold Version 4.2.1
X-Cart Gold Version 4.4.3
OS: Linux
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 07:21 AM.

   

 
X-Cart forums © 2001-2020