Phoca Forum

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.

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

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?

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

Jan

Jan wrote: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.

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.

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

Jan