Zen Cart Logo

logo.gif

Views: 602

Results 1 to 6 of 6
21 Mar 2011, 9:56 PM
#1
pageblair avatar

pageblair

Zen Follower

Join Date:
Feb 2010
Location:
ny
Posts:
223
Plugin Contributions:
0

logo.gif

The logo.gif is left aligned, how do I center I it?
Thank you

21 Mar 2011, 10:08 PM
#2
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: logo.gif

without a link to your site to make sure no alterations have been made I can suggest how this would be done in the classic template.

In your stylesheet.css file

find:

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

remove #logo so it looks like this:

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

then add:

#logo {text-align:center;}

hope this helps!

21 Mar 2011, 10:33 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: logo.gif

Remove the float: left rule

#logo {
	[B]float:left;[/B]
	padding-left:15px;
	text-align:center;
}
21 Mar 2011, 10:49 PM
#5
pageblair avatar

pageblair

Zen Follower

Join Date:
Feb 2010
Location:
ny
Posts:
223
Plugin Contributions:
0

Re: logo.gif

Thank you

21 Mar 2011, 11:01 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: logo.gif

You might consider bringing this together by adding a background color to that rule

Adjust color to suit

#logo {
	background:#84A4C1;
	padding-left:15px;
	text-align:center;
}