Stumped trying to center the logo

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

Main Stylesheet:

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

Comment out or remove #logo

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 :(

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

need that 100% to get it to centre!

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

works for me.

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

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

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

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

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

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.

thanks heaps, glad it is back :D

Hi,

I had a lot of trouble to centre logo but

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

worked for me...yippy!! Many thanks:clap:

Chrome Orange:

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

need that 100% to get it to centre!

Worked for me!

hilarsh:

Hi,

I had a lot of trouble to centre logo but

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

worked for me...yippy!! Many thanks:clap:

what file was this is? i'm trying to do the same thing.

meandk0610:

what file was this is? i'm trying to do the same thing.

OK. i saw, and changed, that spot in stylesheet, but it's still not working for me. :no:

c/p from stylesheet.php:
#logo {
width:100%;
text-align:center;}

any other ideas?

Your URL?

school-supplies-plus.com

thanks!

The following section of the stylesheet is your problem:```
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {stylesheet.css (line 105)
float:left;
}

Remove #logo from there and give create a new line that reads:```
#logo {margin: 0 auto;}

just to make sure, are you talking about stylesheet.css? i had not realized i had to make any changes to that one and had only changed stylesheet.php. do i need to make the same changes to both for everything i change in stylesheet.php?

thanks!!

Where are you seeing a stylesheet.php file?