Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #165583

    Hi there,

    Is there a way to make the partner/logo grid be black & white and then when I hover over the picture it would show color? If so, how do I do this?

    Thanks,

    Mark

    #165584

    Hi markjoseph7!

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

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

    Regards,
    Yigit

    #165791

    Hi Yigit,

    Only half of it worked. So the images turned to grayscale, but when I hover over it, it’s still in grayscale and the yellow icon with the arrow appears.

    I’d like it so the yellow icon with the arrow does not appear, and the images would just show their color when I hover over them.

    Here’s an example at the very bottom of the page:

    http://www.kriesi.at/themes/replete/?skin=Greyscale

    Thanks,

    Mark

    #165792

    Hello!

    It worked fine on my end actually. Have you tried adding !important to all codes + flushing your browsers cache and refreshing a few times?
    A link to your website would be helpful, can you post it?

    Cheers!
    Yigit

    #165796
    #165798

    Hey!

    Please try adding following code as well

    .avia-content-slider-inner .image-overlay { display: none!important; }

    Cheers!
    Yigit

    Edited the code

    • This reply was modified 1 year, 2 months ago by  Yigit.
    #165804

    Perfect! Works great! Thanks so much, Yigit!

    #165805

    Hi!

    You are welcome. Good thinking, i think it looks great :)

    Best regards,
    Yigit

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

The topic ‘Way to make partner partner/logo b/w & turn to color when hovored?’ is closed to new replies.