I'm not even sure how to ask this. I have a "category" page. Where there is a main category and then sub categories under it. On the main page for it when it displays the sub categories they are all in one column in a line down the page. I was wondering if I can set them up in rows also so it is more in a grid? Is that possible?

Ive tried the "Columns" setting in "Sub-Category handling" but that din't do it.

Could you please provide a link to your page and have the subcategories columns set to 2 or 3 to check out why you don't have it as a grid?

Thank you.

Sure, the site isn't finished but there is a link to a page like I described.
www.otherworldnetwork.com/index.php/zombies

As you can see they all display in one column. I have that set to 4 columns.

Plus, that category is the primary category is the one for all the settings of all the others.

You need to add a float:left; in this element .subCategoryContainer.
You could enable k2.css to provide you with some basic CSS styling for those elements.

That is a little beyond my understanding. Is there some kind of instructions that would help me get there?

Just modify your template.css file and add .subCategoryContainer {float:left;}

These videos here getk2.org/documentation/k2class2012 will help you understand better on how K2 works.

Thank you. I have actually watched those videos, I'll give them another run through now that I am a little better with K2.

I looked through all the CSS files for the template and there is no "subcategory" anything in there. I've found the "Category" section but the closest is this


/****************** CATEGORIES LIST ******************/
#maincontent .categories-listalphabet ul {
padding:0;
margin:20px 10px 10px 0;
list-style-type:none;
list-style-position:inside
}
#maincontent .categories-listalphabet ul li {
display :inline;
padding:5px;
border-right:solid 1px #ddd
}
#maincontent .categories-list ul {
list-style-type:none;
margin:0
}
#maincontent .cat-children{
padding-left:5px;
}
#maincontent .cat-children ul dl dt,
#maincontent .cat-children ul dl dd,
#maincontent dl.article-count dt,
#maincontent dl.article-count dd {
display:inline;
}
#maincontent dl.article-count dd {
margin:0;
}
#maincontent .cat-children ul {
list-style-type :none;
margin:0;
padding:0;
}
#maincontent .cat-children ul {
margin:20px 20px 20px 0;
}
#maincontent .cat-children ul ul{
margin:20px
}

#maincontent .cat-children ul li {
margin:10px 0 10px 0
}

Just add above that this statement .subCategoryContainer {float:left;}.

thanks for your attempt to help but you gave me the same answer you did in the previous response. I didn't understand it then nothing has changed. I'm not a programmer I'm the artist end of this. So what seems stupidly obvious to you I'm clueless about.

Do I need brackets?
Where exactly to I include it?
Is that the correct place to include it (the part of the code I included)?
Does it really matter where I include it as long as it is there?
Do I just add it as is?

You included previously a snippet of a CSS you have located inside a .css file, correct?
All I need you to do it copy/paste the exact statement I am providing right above that snippet you have sent.

If you are so clueless as you say then maybe you need the help of your template provider to assist you with this.