Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 13, 2014 at 10:03 pm #350930
    timyyy

    Hi there,

    I have two pictures a black/white and a colored picture.
    I do use the team member element.

    How can I show the default b/w picture and then when you hover the colored version of it?

    Best regards,
    Timon

    • This topic was modified 10 years ago by timyyy.
    November 14, 2014 at 4:57 pm #351311
    Yigit

    Hey timyyy!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .team-img-container img { 
filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
-moz-filter: grayscale(100%) !important;
-o-filter: grayscale(100%) !important;
filter: grayscale(100%) !important;
}
.team-img-container img:hover {
filter: grayscale(0%) !important;
-webkit-filter: grayscale(0%) !important;
-moz-filter: grayscale(0%) !important;
-o-filter: grayscale(0%) !important;
filter: grayscale(0%) !important;
}

    Best regards,
    Yigit

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