X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Light Lucid 3 columb centre? (https://forum.x-cart.com/showthread.php?t=51504)

gizmo 12-25-2009 02:39 PM

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?

cflsystems 12-25-2009 03:26 PM

Re: Light Lucid 3 columb centre?
 
Also need to apply
margin: 0 auto;

gizmo 12-25-2009 03:45 PM

Re: Light Lucid 3 columb centre?
 
sorry mods please delete

gizmo 12-25-2009 04:33 PM

Re: Light Lucid 3 columb centre?
 
Sorry please delete

gizmo 12-25-2009 05:14 PM

Re: Light Lucid 3 columb centre?
 
Sorry please delete

gizmo 12-25-2009 05:50 PM

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....


All times are GMT -8. The time now is 06:18 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.