Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 28, 2018 at 9:29 pm #948457
    rheinecke

    Dear support, after just updating to the newest version of Enfold, partner logos on our website are no longer greyed out (as they should be), but rather full-color all the time.

    We use a custom CSS recommended by you to turn the logos to colour on mouse-over, but the problem persists even when deleting that: 

    #top .avia-logo-element-container img { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; }
#top .avia-logo-element-container img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; }

    Thanks for your help!

    April 30, 2018 at 12:32 pm #949039
    Victoria

    Hey rheinecke,

    Those images are now used as background images and so the code above does not apply.
    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-border-deactivate .av-partner-fake-img {
    filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease;
}
.av-border-deactivate .av-partner-fake-img:hover {
     filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none;
}

    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.