Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 18, 2020 at 7:59 pm #1194229
    abuenoc

    Hi, I am working in a website with enfold theme. I would like to change the effect the image on hover.

    Right now the image has a green shadow…and if you go on hover on the image this colour disappears

    Is it possible to do in the opposite way. That it will be with no colour an when you go on hover in apper the shadow color as it is in the Masonry Galery

    Thanks again

    March 19, 2020 at 7:00 pm #1194517
    Victoria

    Hey abuenoc,

    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

    
.av-caption-image-overlay-bg  {
    background-color: transparent !important;
}
.av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
    background-color: #50ae33 !important;;
    opacity: 0.9 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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