Thumbnail area size around image

[anthonysw2]

Hi,

Before my question I would like to thank you for making such a simple but powerful gallery.


I am trying to fit 3 thumbnails per line. Because of the size of the content area the thumbnails are slightly to large dropping down a thumbnail to the next line leaving a large gap to the right.

In the component options I decrease the "Medium image" width and height from 100 to 90. After reloading I find the images have got smaller but the thumbnail area around the image has stayed the same size.

How do I change the size of the thumbnail area?

Regards,
Anthony

[Jan]

Hi, you must set the box thumbnail width in CSS:

omponents\com_phocagallery\assets\phocagallery.css

.phocagallery-box-file
{
width: ...
}



But be aware, what you see is not what other users see. Every from us have other display resolution, other font DPI, other OS...

Jan

[anthonysw2]

Hi Jan,

Thanks very much for your advice. I tried your suggestion and it worked perfectly. Because of your advice regarding screed size and DPI I decided to leave the image and box size the same. Found the margin and padding CSS and bumped that down to achieve the same thing.

Regards,
Anthony

[Jan]