Hello,

Where do I set the a main category image size as well as a child category image size? I am trying to make each different but for the life of me I can't figure it out.

To get a better feel for what I have going on... www.itcpack.com/test/index.php?option=com_k2&view=itemlist&task=category&id=86:water-purification&Itemid=703

The main category image size is fine. I would like to make the child category image sizes about half the size. Is this possible?

Also while we are on the topic, is there anyway to get rid of the title "Children Categories"? Seems unprofessional for a business website.

Thanks!

Curt

The "children categories" is a part of the default k2 template. Create an override if you havent already and edit category.php or category_item.php and search for "children"
you will find the line and can comment it out.

Thank you, that worked well to get rid of the H3 "Children Categories".

The more pressing issue of whether or not it is possible to change the children category image size from the parent category image size. I looked through the php code and not being fluent in php, I could not see anything in the code that would help this issue.

Let me know where I should look to get this corrected if it can be done.

Thank you,

Curt

@Curt

Category images have only one size. You can resize them on the front-end using CSS.

So uh... Somewhere in here?

/* --- Sub-category block --- */
div.itemListSubCategories {}
div.itemListSubCategories h3 {}
div.subCategoryContainer {float:left;}
div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;}
div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {text-align:center;display:block;}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.subCategory h2 {}
div.subCategory h2 a {}
div.subCategory h2 a:hover {}
div.subCategory p {}

You can apply your CSS rules to whatever place you like. If you want to modify the k2.css file remember to make an override of it, otherwise you will get loosing your changes after every update.