Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Change image opacity on hover only when there is an URL

Home / Forums / Virtue Theme / Change image opacity on hover only when there is an URL

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme

Tagged: 

February 4, 2018 at 4:23 pm

Hi!
I set up a 0.5 opacity on images on hover, which is great when you have small images.
But when you open a full size image, the opacity is also changing to 0.5 when you hover over it.
It is possible to keep that opacity change only when the image is “clickable”. So, when you open it, opacity wont change.
My website if that helps: wondersoftibet.com
CSS:
img {
opacity: 1;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

img:hover {
opacity: 0.5;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
Thank you!

  • The forum ‘Virtue Theme’ is closed to new topics and replies.