remove color filter when hovering over images

  • anothernicole · Member ·

    Hi!

    I have no idea what the technical terms are for this, and I apologize in advance for my ignorance.

    I am using the Cubic theme on my site, anothernicole.com. When you hover over any of the featured posts, the featured image enlarges a bit and a color filter overlays the image. Is there a way to remove that color filter? Ideally, I’d like to hover over the picture and have it enlarge a little (as it currently does) but see no change in the color.

    Thank you!!
    Nicole

    The blog I need help with is: (visible only to logged in users)

  • staff-happychia · Staff ·

    Let’s try this CSS: 

    .hentry.has-post-thumbnail:hover .entry-link {
    opacity: 0;
}

.hentry.has-post-thumbnail:hover .attachment-boardwalk-featured-image {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

    No need to apologize :-)

  • anothernicole · Member ·

    that worked perfectly–thanks so much :)

  • The topic ‘remove color filter when hovering over images’ is closed to new replies.