Categories/subcategories index image layout problem

**prim0pyr0** · 27 Oct 2009, 05:25 AM

I have seven subcategories all setup with images, the main category is called "gallery" which doesn't have a picture.
My problem is that the subcategory images all lineup in a vertical single file line down the page, I would like them to form a grid say two lines of 4 across the page.
Settings in admin don't seem to change the layout: "Categories To List Per Row" is set to 5
I've tried installing flexible product listing, which only changed the product listings and didn't change the subcategory index layout.

website is thruthelenz.co.nz

Any help will be very appreciated

**stevesh** · 27 Oct 2009, 10:39 AM

Try separating .categoryListBoxContents out of this statement into its own, and changing float:center; to float:left;

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

**gjh42** · 27 Oct 2009, 03:45 PM

Also change float: center; to float: none; in the remaining rule, because float: center is an invalid property value.

**prim0pyr0** · 27 Oct 2009, 10:52 PM

Changed stylesheet.css :

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

LABEL.categoryListBoxContents {
float:left;
}

Hasn't changed the layout >.<

**gjh42** · 28 Oct 2009, 09:02 AM

Why did you add the LABEL ? That is what is preventing your change from working; .categoryListBoxContents is a div, not a label. You want simply

Code:

.categoryListBoxContents {
    float: left;
    }

**prim0pyr0** · 28 Oct 2009, 10:24 AM

Ah! Got it

, Thanks for the help guys. I'm not very familiar with code, seemed odd to have it there with nothing (#variable) so assumed it had to have LABEL in front like the other ones 0_o.