Space among the thumbnails in the list of category

[hulkil]

Hello,

I used this code {phocagallery view=categories|imagecategoriessize=smallshadow|hidecategories=1,5,7,8}
to have a list of categories, with a thumbnail, in one page. And it works.

The problem is that these list of categories is vertical and all the thumbnails/images are all clinging, without any space among each other, so it looks like a unique rectangle. Could I, somehow, put a space between the thumbnails?
It would be ok also show them horizontally with some space. If I have to change some css or whatever is also fine.
Because it looks really bad That's what I mean. Thanks.

[Jan]

Hi, see the html code, to know which CSS is loaded (if one of Phoca Gallery component or Phoca Gallery Plugin) there and such you can customize.

Jan

[hulkil]

Hi Jan thanks.

The div of the all box with the image is called: "div.phocagallery?" and the component seems to be "com_phocagallery/assets/phocagallery.css"

What should I change there?

[Jan]

Hi, you should add some padding or margin (css rules for the class)

Jan

[hulkil]

Hi, you should add some padding or margin (css rules for the class)

Jan

Thanks Jan. Do you know where exactly? I'm not good in css unfortunately.

[hulkil]

I tried to change some css there but I didn't had any success.
I tried to change line 17 of phocagallery.css

#phocagallery .category {
margin: 5px;
}

adding some padding but nothing is changing.
Can you help me please? It's so annoying this problem. Thanks.

[Jan]

Hi, try to check it in firebug e.g. if the css rule is applied correctly to item you need

Jan