Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 29, 2023 at 7:28 pm #1402963
    Jeepkid99

    Hello,

    I’ve searched the forum endlessly and can’t find a solution for this. Simply want the image to go black & white instead of slightly opaque when hovered on. This is a linked image, so maybe that’s where my codes aren’t working. Any help would be appreciated!

    Link to page I’m playing with is below in the private area.

    Thank you!

    April 1, 2023 at 6:26 pm #1403227
    Mike

    Hey Taber,
    Thanks for your patience and the link to your site, please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top a.avia_image:hover img {
  filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
#top .avia_transform a:hover .image-overlay {
    opacity: 0!important;
}
#top .all_colors .image-overlay {
    background-color: transparent !important;
}

    After applying the css, please clear your browser cache and check.
    If you only want this effect on this page please add the page ID class to the css .page-id-15718

    Best regards,
    Mike

    April 12, 2023 at 10:09 pm #1404278
    Jeepkid99

    Perfect! Exactly what we were going for. Thank you so much. Worked like a charm.

    April 12, 2023 at 11:27 pm #1404279
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change From Slight Opacity on Linked Image Hover to Black & White Image’ is closed to new replies.