k2 category template

hi please see the link below

http://samratbazaar.com.sg/jooo30/index.php/desktop-pc

wish the k2 children category to have 2 colums, but all i see i one category below the other. not getting two column,
tried setting in k2 category parameters also. cannot make it

also like to remove the word children categories

thanks

Hi,
please try add to override.css

Code: Select all

#k2Container.itemListView .subCategoryContainer {
float:left;
}


and remember to enable override.css option in template settings.

To disable "Children Catogory" text, enable override.css in your template settings, then edit:
/templates/gk_esport/css/override.css
and add at its end:

Code: Select all

#k2Container .itemListSubCategories div.itemListSubCategories h2 {display: none}


to enable 2 colums, in same file add:

Code: Select all

#k2Container .itemListSubCategories div.subCategoryContainer {float: left;}


To disable "Children Catogory" text, enable override.css in your template settings, then edit:
/templates/gk_esport/css/override.css
and add at its end:

Code: Select all

#k2Container .itemListSubCategories div.itemListSubCategories h2 {display: none}


to enable 2 colums, in same file add:

Code: Select all

#k2Container .itemListSubCategories div.subCategoryContainer {float: left;}


thanks but still did not work, so went to k2.ini and removed children categories within the " children categories " and then ok now
https://www.gavick.com/forums/corporate ... -4338.html

Hi I would like the same thing for #k2Container .itemListSubCategories to be in two columns instead of just one.

Could anybody help?

Much Appreciated!

You have the solution above - what's wrong with it?

I added the following line to templates/gk_john_s/css/override.css

Code: Select all

#k2Container .itemListSubCategories div.subCategoryContainer {float: left;}


It had no effect, the child category are already floating left; 10 of them.
I would like 5 and 5 in two columns.

So I tried the following code:

Code: Select all

#k2Container .itemListSubCategories div.subCategoryContainer {float: left;}
#k2Container .itemListSubCategories div.subCategoryContainerLast {float: right;}


Now it has 2 columns, but only one item per row (not side by side).

Please have a look to the screenshot in attachment.

Thank you Cyberek!
Regards

Could You please post an url to your site?

Sure. The site is offline so I will send you the credential in private message:
http://miggg.quebecguitare.com/suivi-en ... de-guitare

Thank you Cyberek!
Regards

Anyone on this?

Much appreciated,
Regards

Sorry, but the data you have provided doesn't work.

Sorry about that. I've sent you the correct login.

Regards

Where should I click to get to the page where you are having issue with columns?

Here:
http://miggg.quebecguitare.com/suivi-en ... de-guitare

Or if the link doesn't work its under menu item "suivi en ligne"

Regards

Please edit: /templates/gk_john_s/css/override.css and add at its end:

Code: Select all

.subCategoryContainer {
clear: none;
}


Ps - next time please create your post in correct subform - this is eSport template subforum and your question is on John template, that is why the original solution didn't work.

Remember to enable "CSS override" in template settings - advanced section.

It worked brilliant!

Thank you,
Regards

PS.: I will!