Elxis CMS Forum

Support => General => Topic started by: xmanhattan on October 03, 2017, 16:00:16

Title: gallery photos thumbnails showing gaps
Post by: xmanhattan on October 03, 2017, 16:00:16
Hello all,

I have just finished implementing this website and noticed that the gallery photos thumbnails are showing gaps between them.  I am viewing this on my pc using a resolution of about 1280.

Does anyone know why this happens?

web page http://1dim-n-filad.att.sch.gr/eikonike-periegese/photographies/photographies-apo-parelthon-mas.html (http://1dim-n-filad.att.sch.gr/eikonike-periegese/photographies/photographies-apo-parelthon-mas.html)


Title: Re: gallery photos thumbnails showing gaps
Post by: datahell on October 03, 2017, 20:11:17
The gap between gallery images is not bad, you should keep it. Else images will stick to each other and it would be hard for the visitors to see them. What is bad is that not all the images have the same height and this makes them not align nicely. Fix this!

Example:
http://1dim-n-filad.att.sch.gr/media/images/school_old_gallery/school_old_01.jpg (800x531)
http://1dim-n-filad.att.sch.gr/media/images/school_old_gallery/school_old_05.jpg (800 x 524)

You can force them by CSS to have the same height if you like by putting something like this in your template's css file:
figure.plugal150 { width:150px; height:100px; } (all images should have landscape orientation)
or this:
figure.plugal150 { width:150px; min-height:100px; } allows portrait orientation

Note: Gallery v2 (Elxis 4.6+) uses microdata to boost site's SEO. Add good captions to your images!
Title: Re: gallery photos thumbnails showing gaps
Post by: xmanhattan on October 04, 2017, 13:17:50
Hello Datahell,

I agree about the gap.  I didn't realize the sizing issue.  I have now corrected the images to be the same size.

Looks good!

Thank you.