Subcategory Layout Question!!

[moejoe1976]

Currently, my subcategories have image links in the center box and are lining up on the left. Does anyone know how to change it from lining up like this:

sub 1
sub 2
sub 3

to this:

sub 1 sub 2 sub 3
sub 4 etc...

???
Thank you

[James O]

In Admin
go to Configure
maximum values
categories to list per row and change this to 3.
To get the pictures to line up correctly I had to edit my category picture so that zencart did not resize them plus my conversion rate has increased with larger category pics 150x150 and the bounce rate has decreased

[moejoe1976]

Hey James, I did that and it is already set to 3. problem is the all line up to the left of the center box. They used to be side by side. Still the same issue as before. Thankyou for your help but still havin problems...

[James O]

Ok i have had this problem and it took some fiddling. Try changing to 2.5 then 3.5 and see if this works. I needed 3 across and when set to 3 it went 3 and 1 below 3 and 1 below when I changed to 2.5 it went 3 across

[James O]

Can you send a link to the page

[moejoe1976]

Sure here is the link:

FlameDepot.com

[gjh42]

You have lost the default "float: left;" that makes the subcat images line up in rows.
You also have a typo that is keeping the title font from appearing as specified.
Existing:

}.wrapperAttribsOptions .back {clear: both;}..categoryListBoxContents a:link {
        font-size: 1.2em;
	color: #FF0000;
	}
.categoryListBoxContents a:hover {
        font-size: 1.2em;
	color: #000000;
	}

Remove the extra "." in front of .categoryListBoxContents a:link, and add a new line:
.categoryListBoxContents {float: left; text-align: center;}

}
.wrapperAttribsOptions .back {clear: both;}
.categoryListBoxContents a:link {
        font-size: 1.2em;
	color: #FF0000;
	}
.categoryListBoxContents a:hover {
        font-size: 1.2em;
	color: #000000;
	}
.categoryListBoxContents {
	float: left; 
	text-align: center;
	}

[moejoe1976]

Thanks Glenn,

But since I am new where am I looking to place this code?

Sorry im new

[gjh42]

The existing code is at the bottom of your /includes/templates/your_template/css/stylesheet.css. You can add the new line in the same area.

[moejoe1976]

is that on my local server provider?