Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1376589

    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

    #1376605

    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

    #1376805

    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

    #1376841

    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

    #1377058

    Hello,

    Thank you for the code, you can close the ticket.

    Best regards,
    Marina

    #1377093

    Hi,

    You’re welcome! Glad to know that the code was helpful to you. If you have any further questions or if you need additional assistance, don’t hesitate to ask. We are here to help.

    Have a nice day.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Gallery thumbnails borders and hover color’ is closed to new replies.