Partner Logos in greyscale – coloured at mouseover

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 21, 2014 at 2:37 pm #241185

IHEA
Participant

Is it possible to have the parter/logo element with the funktion mouseover -> colour

I guess you understand what I mean… I want to have greyscale logos and when I move my mouse over one logo, I want that one become coloured…

hopefully you can help me…

Regards, IHEA

March 21, 2014 at 2:39 pm #241187
Yigit
Keymaster
Hey IHEA!

Please add following code to Quick CSS in Enfold theme options under Styling tab
```
#top .avia-logo-element-container img { filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    filter: gray;
    -webkit-transition: all .6s ease; }

#top .avia-logo-element-container img:hover {    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none; }
```
Cheers!
Yigit
March 21, 2014 at 4:08 pm #241230

IHEA
Participant

Thank you… so nice…

Regards, Dan
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Partner Logos in greyscale – coloured at mouseover’ is closed to new replies.