Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #480125

    I have this page
    and i want to make this portfolio grid b/w and on hover to have color.

    Any help on that?


    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; }



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



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

    Best regards,

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