change categorylistbox from 3 to 4 per row

I am trying to figure out how to set my categorylistboxcontents from 3 per row to 4 per row on displaying my categories. Can someone help me figure this out?

Here is a link:
http://www.truminerals.com/index.php?main_page=index&cPath=2

bump. bump.

Just a very quick hint (i don't have access to my server right now to look at the source code): your source shows a **<br class="clearBoth"> **after the 3rd category. By removing this and modifying:

to something like 20%, I managed to get all 4 boxes on the same row.

Again, sorry for not being much help; modifying the actual PHP source is probably not as simple as what I'm suggesting but I hope it helps. I'll have a look at the actual zen-cart source and will let you know if I come up with something.

Mario

There is that ... or you can do it the lazy way and change the setting for it in the Configuration ... Maximum Values ... :eek:

Categories To List Per Row
How many categories to list per row

Ajeh:

There is that ... or you can do it the lazy way and change the setting for it in the Configuration ... Maximum Values ... :eek:

Or that... :blush:

sorry ... couldn't resist ... :smile:

We do hate to have you touch the code when you don't have to ... :cool:

Hmm maybe too late to post this here but I'll try neway

My admin setting in Config/Layout setting is 3 boxes per row, but for some reason when I add a border around the categorylistboxcontents, it seems like it can't fit on the same row. In other words, without border, I get 3 boxes per row, with border 2. I tried to change the width of the boxes in the stylesheet, but it won't make a difference..

I know it's not an image in the box size problem, because this will happen to category boxes with no images.

Any ideas? Thanks,

Tatiana

Have you an URL where this can be seen? :smile:

I have same problem as Tatiana. See: http://plumfashion.co.uk/store/index.php?main_page=index&cPath=1&zenid=130ce7a0f02eeae9c857842636937689

Ideally I would like to remove them completely and replace with html text.

Hlep anyone?

Tatiana,

I had the same issue. Have now resolved problem and answered my own question!

In the style sheet, take .categoryListBoxContents out of the stylesheet line that has all this in it:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .categoryListBoxContents, .centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {

You can search for category to find it.

Then below that add the following which should enable you to style the category listings separately from rest of content:

.categoryListBoxContents { /insert, taken out of centred content/
margin-left: -5px;
margin-bottom: 9px;

}