No effect on mouseover on image-link

Support
#1

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

#2

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.

#3

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

Thanks for helping.

#4

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.

#5

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

#6

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.

#7

Just perfect. Thanks!

1 Like
#8