Stumped trying to center the logo

[Chrome Orange]

ok

I've had a look around and seen a few threads on this

I'm using 1.3.1

I have a small css file for my overrides and I know that it works

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #FFFFFF;
	}

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 800px;
	vertical-align: top;
	}

#logo{
/*	float: right;*/
	text-align: center; 
	margin: 0 auto;
	}

#logoWrapper {
	text-align: center;
	margin: 0 auto;
	margin: 0em;
	padding: 0em;
	height: 200px;
	background-color: #ED1F23;
	}

the logo will move to the far right if I use

float: right;

but I can not get it to center.

Where am I going wrong

url

http://chrome-orange.co.uk/uvex/

TIA

[Kim]

Main Stylesheet:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

Comment out or remove #logo

[Chrome Orange]

Hi Kim

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

is now my line - still no joy.

even without removing #logo from the main stylesheet I can get the float: left to change by adding the #logo style to my style sheet, I just can't get it to center

[Chrome Orange]

#logo {
width: 100%;
text-align: center;
}

need that 100% to get it to centre!

[Ryk]

#logo {
float:none;
text-align:center;
}

works for me.

[zas]

hi,
I have tried all these options and it still won't centre

this is my file directoty, could this be the problem?
includes / templates / classic / css / stylesheet_new.css

or should I be changing this one?
includes / templates / template_default / css / stylesheet.css

[barco57]

hi,
I have tried all these options and it still won't centre

this is my file directoty, could this be the problem?
includes / templates / classic / css / stylesheet_new.css

or should I be changing this one?
includes / templates / template_default / css / stylesheet.css

You should be using overrides.
includes/templates/YOUR_TEMPLATE_NAME/css/stylesheet.css

please review the tutorials for setting up your template overrides

If you don't use template overrides you run the risk of losing everything on the next update

[zas]

thanks for your response

two questions -
are upgrades essential?

and what should I do about the files I have already changed?
should I reinstall?
and I have changed files in the includes/languages/english folder, will these be affected by upgrades?

thanks

[zas]

now it has lost all shape and colours etc, is that right?

[peanut77]

If you want to use the classic template with all the colours etc - what you should do is create new folder in the included/templates folder on your server where classic & template_default sit - for example say your site was called hulk - create a folder called hulk now copy the classic files from yout pc into the hulk folder on your server

Choose hulk as your template in the back office and then everytime you locally amend a file - i.e stylesheet etc ftp it up to your hulk folder

This lets you make changes and if everything goes wrong you can always switch back to the untouched classic template.

So now if you amend your stylesheet or header files you will still have the classic look and feel but you are using an override system.

Hope that helps - this was my one sticky bit when I got started - wasn't sure what an override or the YOUR_TEMPLATE everyone spoke about was.