Remove dim effect when hovering over an image

You can turn off the lightbox feature in the image component settings to achieve this.

Hey Michael,

I did try this but the dim effect is still there.

https://karimphoto.com/2014/test/

Keep up your great work!

Themes override the CSS of the image component. If you want to change the hover effect with custom CSS code you can use a plugin like Simple Custom CSS to save your CSS (https://www.ads-software.com/plugins/simple-custom-css/).

If you’re not familiar with how to use CSS inspector in Chrome, it’s super easy to use and will make finding the CSS classes that you’ll need when you want to change the design. Here’s a great in-depth article about this: https://www.html5rocks.com/en/tutorials/developertools/part1/

Thanks,

I do use the developer tool in Chrome but still haven’t been able to find the hover effect or where to put the code.

Sorry for my lack of knowledge

You can insert this into the Simple Custom CSS plugin:

.aesop-image-component:hover {opacity:1.0 !important;}

Thats super.

Thanks for getting back to me.

You bet @wordpressphoto.