Forums / Templates, Stylesheets, Page Layout / Category Layout in center

Category Layout in center

Locked

Views: 1,386

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
1 Nov 2006, 7:28 AM
#1
240racr avatar

240racr

New Zenner

Join Date:
Nov 2006
Posts:
15
Plugin Contributions:
0

Category Layout in center

Hi all, noob here.

When a category is clicked on theCategory box, the sub categories were listed accross the page like so;

a b c

d e f

But now, they are listed like this;

a
b
c
d
e
f

How do I change it back? I have been searching the forum for over an hour.

Thank you in advance!

2 Nov 2006, 6:54 AM
#2
knuckle_101 avatar

knuckle_101

Totally Zenned

Join Date:
Dec 2005
Location:
Cincinnati Ohio
Posts:
1,034
Plugin Contributions:
3

Re: Category Layout in center

got an url we can look at?

PCI Certified Web Hosting - ControlScan, Security Metrics (Platinum Partner), McAfee, TrustKeeper
Business Class Web Hosting - Linux and cPanel Powered

2 Nov 2006, 9:00 AM
#3
240racr avatar

240racr

New Zenner

Join Date:
Nov 2006
Posts:
15
Plugin Contributions:
0

Re: Category Layout in center

knuckle-101:

got an url we can look at?

Oh, yeah :blush:

www.kronicmotorsports.com/store

I think this store thing might be over my head!!!! :cry:

4 Nov 2006, 8:37 AM
#4
240racr avatar

240racr

New Zenner

Join Date:
Nov 2006
Posts:
15
Plugin Contributions:
0

Re: Category Layout in center

Anybody? :lookaroun

4 Nov 2006, 9:43 AM
#5
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Category Layout in center

A case of self sabotage... :ohmy:

In your stylesheet.css, find;

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

Replace above with stock code;

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

Two things to explain;

  1. You don't have a floating logo to center anyways, asides from the error explained below.
  2. You've basically commanded a combo of classes to a improper declaration. Anytime you wish to center something(asides from background images), you should use "text-align: center" instead of "float: center"
    If you want to isolate one target from a combo/group, remove "#logo," from the combo and make a separate entry for it... like; #logo { text-align: center }

Not to worry, for a self proclaimed "noob"... you only had one error. You'll get Zenned in no time. :D

5 Nov 2006, 12:02 AM
#6
240racr avatar

240racr

New Zenner

Join Date:
Nov 2006
Posts:
15
Plugin Contributions:
0

Re: Category Layout in center

Thanks Sketchy!!!!

Looks like that fixed it. I didn't realize that controlled the text like that. I thought I was going to center the store name at the top. Which of course I didn't do and still don't know where to fix the name.

I hope I get the hang of this soon :lamo:

5 Nov 2006, 2:58 AM
#7
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Category Layout in center

You're welcome. :D

Which text do you want centered? The main page center column welcome? I'm thinking so. You can do that through your Admin with the main page define editor. Perhaps, you can just add this to your stylesheet.css;

#indexDefault { text-align: center }
5 Nov 2006, 8:02 AM
#8
240racr avatar

240racr

New Zenner

Join Date:
Nov 2006
Posts:
15
Plugin Contributions:
0

Re: Category Layout in center

I was thinking of the header area. I would like the name (picture) centered.

5 Nov 2006, 8:28 AM
#9
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Category Layout in center

Ah, okay. I see the imaged text on the background begins left. Via your image program, you can make a new image 750px x 149px, color it black. Then, open up your current header banner and lay it on top(while centering it upon the underlying black background. Save as "kronic1.jpg" and upload/overwrite the current one in your online current template "image" folder.

If I explained it vaguely, send a PM my way as I wouldn't mind sending you a modified image. :smile: