I have inserted a Gallery element, using Small Thumbnails of Widget size (36 x 36).
Why are the small previews (thumbnails) so much bigger than 36 x 36? They are 190 x 190 in size.
Also, the thumbnail image quality is distorted (blurry).
Gallery is on my home page at http://www.finalsmoke.net
Please see screen shots below.
Thanks.
Hey!
I don’t see any gallery on your homepage right now, have you resolved this issue?
Best regards,
Josue
Hi Josue,
I put back the Gallery at the bottom of the page: http://www.finalsmoke.net/
The thumbnails are much larger than the 36 x 36 that I selected.
Also when I hover over them, they become very white and washed out. Shouldn’t they appear brighter when hovering?
Please advise.
Hi!
How are you? I hope you’re doing well today.
Please use this on Quick CSS to resize them:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 50px;
}
Add this one to remove the decreased opacity when hovered:
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1;
}
Best regards,
Ismael
Thanks. I will try the opacity setting.
But shouldn’t the thumbnail sizes be 36 x 36 automatically if I select that in the Gallery?
I have not overridden any gallery sizes. Is there a bug in the Gallery element?
Hi!
The width of the gallery thumbnails are set to 20%. They will occupy the size of the container.
Regards,
Ismael
Hi Ismael,
Not sure what you mean by 20%.
I have Gallery thumbnails set to Widget (36×36). Shouldn’t they be that size?
Instead, they are showing up as 190×190 (very large and blurry).
To see what I mean, please scroll to the bottom of my home page, and see the gallery of doctor photos: http://www.finalsmoke.net