Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 14, 2018 at 7:22 am #996984
    Lara

    Hi team,

    I’m wondering how to remove the white border around images within a gallery and remove the mouse over effect?

    Lara

    August 14, 2018 at 6:23 pm #997207
    Victoria

    Hey Lara,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#top div .avia-gallery img, #top div .avia-gallery .avia-gallery-big-no-crop-thumb {
  border: none;
}
#top div .avia-gallery .avia_transform a:hover .image-overlay {
  opacity: 0 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 15, 2018 at 2:32 am #997396
    Lara

    Hi Victoria,

    thanks for that! The white border is now gone, but I still have a transparent hover effect on mouse over. Is there a way to remove?

    Lara

    August 15, 2018 at 8:51 pm #997673
    Basilis

    Hi,

    Please add

    #top .all_colors .image-overlay { background-color: none !important; }

    should fix the problems.

    Best regards,
    Basilis

    August 16, 2018 at 1:08 am #997727
    Lara

    Hi Basilis,

    Unfortunately, it doesn’t work :( I tried with Enfold>general styling as well as custom css class and no luck.

    Lara

    August 16, 2018 at 5:45 pm #998029
    Victoria

    Hi Lara,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 .avia-gallery  a:hover span.image-overlay {
  opacity: 0 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.