images instead of text for categories

I would like to setup images instead of text for my categories. So i figured I can delete the text from categories and set the sort order manuly.. so for a would be 1 for b 2 etc etc...

but the box that the images go in is the wrong size.. I would like to be like 100x100. how do I change that?

In admin-configuration-images you will see settings for various things. The one you want is for subcategory width and height. Change those to your liking.

I changed those setting to 500 by 500 but did not do anything.

lukaswlu:

I changed those setting to 500 by 500 but did not do anything.

What is the original size of the image(s) are they smaller than the setting(s) tried or larger? Typically asetting larger than the image will simply give more space around the image, while a setting smaller will actually down size the image.

lukaswlu:

I would like to setup images instead of text for my categories. So i figured I can delete the text from categories and set the sort order manuly.. so for a would be 1 for b 2 etc etc...

but the box that the images go in is the wrong size.. I would like to be like 100x100. how do I change that?

If you post a link to your site it will be easier to help.

Thanks,

Anne

my image is 500x500.

http://tinyurl.com/k5cng6x

and my settings are:
Subcategory Image Width The pixel width of subcategory images 500
Subcategory Image Height The pixel height of subcategory images 500

anyone has idea how to fix this? its bothering me alot :(

Do you really want the subcategory images to display at 500x500 pixels? With 20 subcats in the category you linked to, that would give a page 5000 pixels high assuming you can fit two images side by side in the main content column... questionable since your entire page template is set to 940 pixels wide, including a side column, thus you get a page 10,000 pixels high. Are people going to be willing to scroll down that far to see all the subcats?

Meanwhile, your stylesheet.css (line 316) says:```
.categoryListBoxContents img {
float: left;
height: 70px;
margin-bottom: 0;
width: 70px;
}

Well no, i Want them to be same size as product images. So not sure. 190 by 190? Should I change things in my stylesheet directly?

ok I changed it in the file stylsheet_main.css and it works great. thanks alot.