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

Light Lucid 3 columb centre?

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-25-2009, 02:39 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Light Lucid 3 columb centre?

Ok Have I missed something, I want 3 column to be centred, I have set it to 960px, (That's fine but it's staying to the left side).. whats controlling in css the overall position . Is it better to wrap the whole template?
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #2  
Old 12-25-2009, 03:26 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,201
 

Default Re: Light Lucid 3 columb centre?

Also need to apply
margin: 0 auto;
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #3  
Old 12-25-2009, 03:45 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Light Lucid 3 columb centre?

sorry mods please delete
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #4  
Old 12-25-2009, 04:33 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Light Lucid 3 columb centre?

Sorry please delete
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #5  
Old 12-25-2009, 05:14 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Light Lucid 3 columb centre?

Sorry please delete
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #6  
Old 12-25-2009, 05:50 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Light Lucid 3 columb centre?

Sorry to confuse anyone Here I found final edits are OK, but not check it in all browsers, I have checked it in IE7 and latest Firefox.....

/* page container */
#page-container {
min-height: 100%;
position: relative;
width:960px;
margin:0 auto; (This is added not edited)
}
/* page layout */
#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 960px;
padding-bottom: 39px;
margin-top: 140px;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;
}
#left-bar {
float: left;
position: relative;
width: 160px;
margin-left: 7px;
}
#right-bar {
float: right;
right: 7px;
position: relative;
width: 160px;
}
#center-main {
margin: 0px 187px 0px 187px;
position: relative;
overflow: hidden;
}
#header {
height: 140px;
position: absolute !important;
top: 0px;
left: 0px;
width: 960px;
}
#footer {
height: 39px;
width: 960px;
position: absolute !important;
bottom: 0;
overflow: hidden;
float: left;
}

AND ALSO I FOUND I STILL HAD TO EDIT THIS BECAUSE OF QUICK CART CHECKOUT PAGES:

/* Checkout page : tabs */
div.flc-tabs-container {
position: relative;
text-align: right;
height: 60px;
}
div.flc-tabs {
position: absolute;
right: 0;
top: 0;
}
ul.flc-progress-bar {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.flc-progress-bar li {
float: left;
height: 60px;
width: 145px;
padding: 0px;
margin: 0px;
text-align: center;
}

Obviously this is for 960px (Centred) up to you what size you choose) I Have not fully tested all areas
I hope it helps people, and just for the record I am self taut and no expect, but I do read a lot about css, if I cannot get any help here from people that may have tried it already....
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
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 08:12 AM.

   

 
X-Cart forums © 2001-2020