Elxis CMS Forum
Support => General => Topic started 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)
-
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!
-
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.