How to configure module for category listing

Hi everyone,
I am very new to the site building area.
I am trying to build a site for my business and chose to use Hikashop which seems to cover everything i need, and much more for future needs.

My first problem is with the way hikashop module lists the categories of my products.
As you can see in the screenshot I attach the subcategories are not displayed correctly.
Where it says "ΕΙΔΗ ΣΧΕΔΙΟΥΜΟΛΥΒΙΑΓΟΜΕΣ" it is in fact 3 different categories "ΕΙΔΗ ΣΧΕΔΙΟΥ", "ΜΟΛΥΒΙΑ" and "ΓΟΜΕΣ"
How can I fix this?
And what parameters for lists can I try out? Are there some acceptable parameters for this module, and where can I find them?


P.S. I meant to post in HOW TO?, but the post ended up in general category.
Sorry about that.

Hi there,

I think it's just a css issue. The sub-categories displayed are probably in a <li> tag and the css probably apply it a "float:left" property.
What you have to do is edit the Hikashop front-end css file (in System>Configuration>Display>CSS) and add a css rule to avoid that.
If you can achieve that, just give me a link to your site, I could give you the right css .

As i mentioned above i am a noob so I don't know what rule I should add and where.

My site is www.maniakas.gr

Thx for helping out

Just add this:

.hikashop_product_list_item { 
float: none;
}

I tried it but didn't work, so I looked up in the file and there was a similar command at the beginning which was float:left.
So i changed this one to float:none and problem solved.
Thx a lot for the help.
Do you also know if there is a way to make all main categories collapsed when you enter the site?
It seems like by default the module has the first category open.
And I would also like to change the fonts the module uses for header and list. Is that possible?

Hi,

Can you be more specific about what you really want to do by for example explaining to me through some screenshots ?
Thanks .