Forums / Basic Configuration / Centering Logo

Centering Logo

Locked

Views: 7,898

Results 1 to 20 of 31
This thread is locked. New replies are disabled.
30 May 2006, 4:53 AM
#1
princessleah avatar

princessleah

New Zenner

Join Date:
May 2006
Posts:
39
Plugin Contributions:
0

Centering Logo

Hi,

Can anyone put me out of my misery and tell me where to go to centre the bloomin logo. I must have looked over old posts and FAQ's for hours, I have cracked - any help would be great. I know it is somewhere simple!!!!:(

Oh and also how to put borders around the left side boxes??

30 May 2006, 5:47 AM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

In your stylesheet.css find this line:

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

and change it to:

#logo {text-align: center;}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

30 May 2006, 9:04 AM
#3
princessleah avatar

princessleah

New Zenner

Join Date:
May 2006
Posts:
39
Plugin Contributions:
0

Re: Centering Logo

Worked a treat!! I knew one of you genius' would know!! Many Many Thanks Clyde!! :thumbsup:

30 May 2006, 12:19 PM
#4
samisoaps avatar

samisoaps

New Zenner

Join Date:
May 2006
Posts:
42
Plugin Contributions:
0

Re: Centering Logo

Hi!

I tried everything here stated to change my logo to be centered yet it still is not working! I'm using the classic template. Am I missing something??

Andrea

30 May 2006, 2:14 PM
#5
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

samisoaps:

Hi!

I tried everything here stated to change my logo to be centered yet it still is not working! I'm using the classic template. Am I missing something??

Andrea

Do you have a URL for your site?

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

30 May 2006, 2:35 PM
#6
samisoaps avatar

samisoaps

New Zenner

Join Date:
May 2006
Posts:
42
Plugin Contributions:
0

Re: Centering Logo

Sorry about that https://www.sssoaps.com/shop

My other issue is the colors on the left and right. Tried everything I could find on the forums. I'm trying to get it to look like my main site (sssoaps.com) Mainly balck & white. And also need to remove the pic link at the very bottom. I can start a new thread if needed. Thanks!

Andrea

30 May 2006, 5:57 PM
#7
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

checked your site and to me your logo appears centered or am I missing something.

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

30 May 2006, 11:48 PM
#8
samisoaps avatar

samisoaps

New Zenner

Join Date:
May 2006
Posts:
42
Plugin Contributions:
0

Re: Centering Logo

Well for me it's not showing as centered. Cleared my cache and all that. Hmmm. Well now to figure out the columns.

Andrea

31 May 2006, 5:08 AM
#9
sermonzone avatar

sermonzone

Zen Follower

Join Date:
Oct 2005
Location:
New Mexico
Posts:
365
Plugin Contributions:
0

Re: Centering Logo

I show centered in Firefox and left in IE6. But you did not do what Clyde suggested in the earlier post. You have - > #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

float: center;
}

While he suggests - > #logo {text-align: center;}

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

Clyde knows more CSS than me but that looks like it would work.

Clyde or Kuroi, why would you add float: center; in the logowrapper to do this?

31 May 2006, 5:34 AM
#10
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

Clyde or Kuroi, why would you add float: center; in the logowrapper to do this?

You shouldn't, ```
float: center

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

31 May 2006, 6:19 AM
#11
sermonzone avatar

sermonzone

Zen Follower

Join Date:
Oct 2005
Location:
New Mexico
Posts:
365
Plugin Contributions:
0

Re: Centering Logo

Good reason not to do that!

What is the proper command if not 'float'?

Thanks

31 May 2006, 6:45 AM
#12
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

I use ```
text-align: center


If you include an image in a selector i.e.:

#logo {background-image: url(../images/image.jpg);
/You can specify the image position with/
background-position: center center;
}


PS You can float: left or right but not center

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

31 May 2006, 6:54 AM
#13
sermonzone avatar

sermonzone

Zen Follower

Join Date:
Oct 2005
Location:
New Mexico
Posts:
365
Plugin Contributions:
0

Re: Centering Logo

Wow. Now I know that I don't really know anything about CSS. Thanks for the feedback.

31 May 2006, 7:04 AM
#14
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

If you do a google search for CSS Tutorial(s) you'll come up with literally thousands of results. The top three or four results are probably the best.

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

31 May 2006, 10:25 AM
#15
samisoaps avatar

samisoaps

New Zenner

Join Date:
May 2006
Posts:
42
Plugin Contributions:
0

Re: Centering Logo

hey Clyde,

Ok changed it to what you posted here and I still do not see it as being centered. Still shows up left in IE for me,

31 May 2006, 10:45 AM
#16
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Centering Logo

I checked the CSS for your site and found this:

TABLE.header TD {

  text-align: center;

}

TABLE.header TD {

  text-align: center;

} /* delete this one*/

TABLE.header {

  background-image: url(../images/header_bg.jpg);

  background-repeat: repeat-x; /* change this to no-repeat;

  background-color: #ffffff;

  border-right: 1px solid #000000;

  border-left: 1px solid #000000;

  border-bottom: 1px solid #000000;

}

See if this helps

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

31 May 2006, 11:13 AM
#17
samisoaps avatar

samisoaps

New Zenner

Join Date:
May 2006
Posts:
42
Plugin Contributions:
0

Re: Centering Logo

I seriously must be the biggest idiot because I keep making the changes you suggest and I can't see any changes. I'd hate to scratch useing Zen just because I can't figure out 3 simple changes :cry:

Andrea

31 May 2006, 1:24 PM
#18
sermonzone avatar

sermonzone

Zen Follower

Join Date:
Oct 2005
Location:
New Mexico
Posts:
365
Plugin Contributions:
0

Re: Centering Logo

Andrea,

Don't despair. I have several times made repeated changes only to discover I was editing the correct file but in the wrong folder. Or, that I was upload the correct file to the wrong folder on the website, or that was editing the wrong file, or .... You get the picture.

Good news. You logo appears centered in IE6 and FF on my computer. Yippee!

31 May 2006, 1:27 PM
#19
samisoaps avatar

samisoaps

New Zenner

Join Date:
May 2006
Posts:
42
Plugin Contributions:
0

Re: Centering Logo

Thanks! I finally just started over and got it to work. Still some minor tweaking and then the fun of uploading products. Maybe by this time next eyar I'll have it all set :laugh:

Andrea

9 Jul 2006, 11:13 PM
#20
babydi77 avatar

babydi77

New Zenner

Join Date:
Dec 2005
Posts:
40
Plugin Contributions:
0

Re: Centering Logo

I'm going to keep working on this but it is puzzling me. My banner is centered in IE and Avant but not Firefox (which I use most). https://www.memories-forever.net/shopping

fyi - you'll have to spell it out for me what I would need to do, LOL

Diana