Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2019 at 1:26 pm #1056620
    rstalfoort

    I would like the pictures to transform from greyscale to color. But the area behind the title doesn’t respond to the mouse-over. Please advice.

    .aviaccordion-image {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    }

    .aviaccordion-image:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    }

    January 21, 2019 at 2:39 pm #1056679
    Nikko

    Hey rstalfoort,

    Please replace this code:

    .aviaccordion-image:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}

    to:

    #top .aviaccordion-active-slide .aviaccordion-image {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

    Best regards,
    Nikko

    January 21, 2019 at 5:19 pm #1056813
    rstalfoort

    Works like a charm, thanks a lot.

    January 21, 2019 at 5:33 pm #1056822
    Nikko

    Hi rstalfoort,

    Glat that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘aviaccordion’ is closed to new replies.