Tagged: gallery
Hello,
I would like to remove the right border for all gallery thumbnails except for the last one, and change the hover color to a lighter one. To see the gallery in question please open the link in the private content. Is it possible to made these changes?
Thank you,
Marina
Hey Marina,
I’m not sure I understand which borders you are looking to remove, but you can try this in Quick CSS to lighten the hover overlay:
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 0.7;
}
Best regards,
Rikard
Hi Rikard,
Thank you for the opacity code, works perfectly. About borders: I would like not to have the double border in-between the gallery thumbnails. What I managed myself is the following code:
#top div .avia-gallery img { border-right: none; }
But I do not know how to exclude the last image from this. Please see the private link, the first gallery is without the right border, the lower gallery is a default one.
Best regards,
Marina
Hi,
Thank you for the update.
You can try this css code instead.
#top div .avia-gallery .avia-gallery-thumb a img { border-left: none; }
#top div .avia-gallery .avia-gallery-thumb a:first-child img { border-left: 1px solid; }
This will remove the left border of the gallery items except for the first item in the row.
Best regards,
Ismael
Hello,
Thank you for the code, you can close the ticket.
Best regards,
Marina