Invert Effect Not Working on Front End

Hi,
I have a div element that contains an image and text element. The div ha a solid white background and black on hover. The text and image are black to start. The text goes white on hover. This all works great.

The issue is with the image. I have an effect set up on it like this:
image

In the Cornerstone editor, this works like a charm. However, on the front end, the image does not go white on hover.

Is there something I’m missing?

Updating this to add that I’ve now noticed that other effects are not working on the front end while they appear just fine on the back-end.

Hello Danni,

Thanks for writing in! I could not replicate the issue on my local testing server. Have you cleared your browser cache? We would be happy to double check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.