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)
-   -   Change width, center site (https://forum.x-cart.com/showthread.php?t=49045)

firstformedia 08-07-2009 05:19 AM

Change width, center site
 
1 Attachment(s)
hello, i have already chanded the width ande centering the site, but stays allways a grey bar at the left like in the picture attatched.

how can i remove that??
can somebody help me please.
my site version is 4.2.2
[IMG]file:///C:/Users/Ric/Desktop/x-cart%20website.jpg[/IMG]

Shamun 08-07-2009 05:41 PM

Re: Change width, center site
 
in /skin1/skin.conf change the width to 100% (if you want it to take up the entire screen space)

In your css layout, make sure the <body> and subsequent selectors dont have any margin-left or padding-left properties.

Victor D 08-08-2009 05:37 AM

Re: Change width, center site
 
search for the backgound-color of
HTML and BODY in your CSS and set it to #ffffff

firstformedia 08-09-2009 03:06 AM

Re: Change width, center site
 
thanks, but that two forms dosent work, any ideas? :?

firstformedia 08-09-2009 04:09 AM

Re: Resolved: Change width, center site
 
well i found it how to resolve, i had to add this to html,body:

html,body {
height: 100%;
width:950px;
background-color: #ffffff;
margin: 0 auto;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
min-width: 780px;
border: 0px none;
}

firstformedia 08-11-2009 01:34 AM

Re: Change width, center site
 
anyone know how do i resize the featured products, that is because when i have 3 colums, the 3rth colum dont hapear.

Victor D 08-11-2009 01:39 AM

Re: Change width, center site
 
Try to decrease thumbnail width in the 'Appearance' section
What skin is installed on your store?

firstformedia 08-11-2009 04:05 AM

Re: Change width, center site
 
hi, its neon lights sport.

ARW VISIONS 08-11-2009 10:17 AM

Re: Change width, center site
 
post the URL and i'll have a go at it.

firstformedia 08-16-2009 05:22 PM

Re: Change width, center site
 
thanks very mutch but now its done

CDHSoftware 08-24-2009 03:48 PM

Re: Change width, center site
 
Hi,

I used your edit for the main.css. The shop now is the width I want but does not center.

http://www.cdhsoft.com/shop

Any ideas?

Regards

Carl
#4118809622

ARW VISIONS 08-24-2009 04:09 PM

Re: Change width, center site
 
centered for me.

CDHSoftware 08-24-2009 04:20 PM

Re: Change width, center site
 
On my site or yours?

Ok just checked in firefox and works fine. Just seems that IE 8.0 is not displaying correctly

Regards

Carl

Shamun 08-24-2009 04:22 PM

Re: Change width, center site
 
Centered for me as well.

If your seeing it not centered in IE, you need to use some statements to use a modified css file for IE.
If it doesnt look right in chrome, its due to missing or wrong css/html.

ARW VISIONS 08-24-2009 04:36 PM

Re: Change width, center site
 
now not displaying at all.

CDHSoftware 08-24-2009 04:41 PM

Re: Change width, center site
 
yeh, changing the skin to the original

Once I get the width and centering I want I'll just change the header to match the rest of the site

Not live yet so I can tweak a bit

Regards

Carl

CDHSoftware 08-24-2009 05:19 PM

Re: Change width, center site
 
Ok, changed the skin to default and set the css values and IE 8 still shows it aligned left, but firefox shows it centered. :(

Yet it shows my main site pages centered in IE 8 using the same CSS settings

Wierd

Shamun 08-24-2009 05:25 PM

Re: Change width, center site
 
Quote:

Originally Posted by CDHSoftware
Ok, changed the skin to default and set the css values and IE 8 still shows it aligned left, but firefox shows it centered. :(

Damned MS



You need to create a seperate css file for IE.

ARW VISIONS 08-24-2009 11:42 PM

Re: Change width, center site
 
no you don't. Centering the site with a fixed with is really only a couple of lines of code.

I don't understand why you are having trouble with this. I'd take a look at it for you if you like.

PM me.

cflsystems 08-25-2009 05:28 AM

Re: Resolved: Change width, center site
 
Quote:

Originally Posted by firstformedia
well i found it how to resolve, i had to add this to html,body:

html,body {
height: 100%;
width:950px;
background-color: #ffffff;
margin: 0 auto;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
min-width: 780px;
border: 0px none;
}


Put the width and margin calls in page-container id class not in body class. page-container is the class that wraps around the whole site

Victor D 08-25-2009 06:55 AM

Re: Change width, center site
 
Yes, the method above is working for your site in IE7

possibly you also need add
body{text-align: center}
#page-container{text-align: left}

or you can just switch IE8 to IE7-compatible mode
replace in your customer/meta.tpl

<meta http-equiv="Content-Type" content="text/html; charset={$default_charset|default:"iso-8859-1"}" />

with

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset={$default_charset|default:"iso-8859-1"}" />

yages 11-17-2009 03:28 PM

Re: Change width, center site
 
thanks, works now


All times are GMT -8. The time now is 05:33 PM.

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