Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 29, 2015 at 11:09 am #480125
    georgesociel

    I have this page
    http://lazaros.ads-solutions.gr/portfolio/
    and i want to make this portfolio grid b/w and on hover to have color.

    Any help on that?

    July 30, 2015 at 11:14 am #480607
    Ismael

    Hi georgesociel!

    Thank you for using Enfold.

    You can add this in the Quick CSS field:

    .grid-image img {
    width: 100%;
    display: block;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.grid-image:hover img {    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
    filter: none; }
.image-overlay { display: none !important; }

    Regards,
    Ismael

    July 31, 2015 at 2:01 pm #481313
    georgesociel

    Thank you Ismael, but i am afraid it is not working for firefox. It is working on Chrome but not on Firefox. Any suggestion?

    July 31, 2015 at 2:09 pm #481317
    Yigit

    Hi!

    For a cross browser solution, please hire a freelance developer as that would be out of the scope of support we provide.

    Best regards,
    Yigit

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