No effect on mouseover on image-link

Hi,

How can I add an visible effect on mouse over on an image with link?
Wasn´t there always one?
I am using X and cornerstone. I choosed. clasic image, because only there I had no problems with the large image size.

Thanks for helping.

Alexandra

Hi Alexandra,

Thanks for writing in!

Classic Images don’t have hover effect by default, only featured images does.

You can add an effect, by adding the code below in Theme Options > CSS

.x-img img {opacity:0.8; }
.x-img:hover img {opacity:1; }

Hope that helps.

Did you mean the code helps even when I choosed classic image?
Because it did not.

Thanks for helping.

Hi There,

Is this your website: https://minteraction.at/?

I would like to check your website but it’s under construction mode.

Would you mind turning off the construction mode or providing us with your admin account so we can take a closer look?

Thank you.

NO, I am now working on a staging page:
https://website-wp.waytation.com

Hi there,

Please try this instead:

.x-image img {
    opacity: 0.5;
    transition: opacity 0.2s ease-in;
}

.x-image:hover img {
    opacity: 1; 
}

Hope this helps.

Just perfect. Thanks!

1 Like