Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #443022

    Hi, I am wondering if it is possible to change hover effect. As a default it gets shadow with an icon.
    I would like to see the picture changing to B&W.
    The oposite solution as an example I found on luxurytravel.is/ where is a set of B&W images. On hover they get coloured and have some description field instead of icon.

    Kind regards
    Tomasz

    #444275

    Hi tomek_z!

    Thank you for using Enfold.

    The black and white hover effect is possible but the hover content will require custom modification that is outside the scope of support. Please give us a link to the posts page.

    Best regards,
    Ismael

    #444522
    This reply has been marked as private.
    #444525

    Hey!

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

    #top .avia-gallery .avia-gallery-thumb a { filter: grayscale(100%);
        -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; }
    
    #top .avia-gallery .avia-gallery-thumb a:hover {    filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
        filter: none; }
    
    #top .avia-gallery .avia-gallery-thumb a:hover {
      opacity: 1;
    }

    Unfortunately not. Please hire a freelance developer for such feature or request it here – https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Yigit

    #482462

    Hi,
    This was great!
    I am wondering how to get the same effect on Media Element / Gallery
    1. get rid of shading of the picture
    2. get grey scale picture which get colour on hover.
    Kind regards
    Tomasz

    #482836

    Hey!

    Can you please post the link to your page and point out the element ?

    Cheers!
    Yigit

    #482889

    Hi,
    Here is the link for the working site.
    http://hurtowniarolnicza.migrola.com.pl/kruszywa-ozdobne/zwiry/
    I marked this with the comment in red on the page.
    Kind regards.
    T

    #482910

    Hey T!

    Please add following code to Quick CSS

    #top .avia-gallery .avia-gallery-thumb a:hover {
        opacity: 1;
    }
    #top #wrap_all .avia-gallery .avia-gallery-thumb a:hover {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: none;
    }
    #top #wrap_all .avia-gallery .avia-gallery-thumb a {
        filter: grayscale(100%);
        -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;
    }
    

    Cheers!
    Yigit

    #482959

    Great!
    This is exactly what I wanted.
    Thank you again.
    Tomasz

    #483178

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Posts galery Black&white pictures on hover’ is closed to new replies.