Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 29, 2014 at 4:25 pm #372620
    Cevik_Kuersad

    Hi,
    I’m looking for a mouseover effect either in the footer or in the “Sponsor” section of the enfold theme like in this page (all the way down): http://m.mlb.com/pitchsmart/.
    I found the code for “regular” Pictures but I don’t know how to “Transfer” / apply this either to the footer or to the “Sponsors” (http://neue-wordpress-homepage.de/ on the bottom of the page).

    Thanks for your awesome Support!

    Best

    Alexander

    December 29, 2014 at 5:05 pm #372645
    Elliott

    Hi Cevik_Kuersad!

    The link you provided kind of looks like Enfold but it’s actually a different theme. Enfold does not have that specific image rollover element they are using.

    You might be able to find a plugin that does this, https://wordpress.org/plugins/search.php?q=image+filter&sort=, but I do not know of any that I can recommend. If anyone has done this before then please share.

    Best regards,
    Elliott

    December 29, 2014 at 5:10 pm #372648
    Cevik_Kuersad

    Hi Elliott,

    I found this post https://kriesi.at/support/topic/image-hover-black-and-white-to-colour/#post-279118. It works on Pictures but not for the “Sponsors” element. Can the code be adapted to work for the Sponsors as well?

    Thanks

    Alexander

    December 29, 2014 at 5:13 pm #372651
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well 

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

.avia-logo-element-container img:hover {    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none; }
.image-overlay { display: none !important; }

    Regards,
    Yigit

    December 29, 2014 at 9:20 pm #372812
    Cevik_Kuersad

    It’s working. AWESOME.

    Thank you very much.

    Best

    Alexander

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘mouseover effect from black and white to color in footer’ is closed to new replies.