Hover CSS Doesn’t work with Avada Update
-
Hi guys,
I have a CSS hover effect on one of my pages for all 9 images- the original image and a ‘hover’ version which displays the name etc. I had them all working this morning and even had them linking to the correct pages.
Then I updated Avada/Fusion Builder & Core and completed any Patches etc. and none of them work. They won’t hover at all, and link only to the image- which is the hover image!! I don’t understand what’s happened at all but it’s like the hover effect has been disabled.
Code in the Theme CSS options:
“#cssfade1 {
background-image: url(‘https://localhost/aquaenergytest/wp-content/uploads/2018/02/Thumbnail-Building-Hover.jpg’);
background-repeat:no-repeat;
height: 252px;
width: 400px;
}
#cssfade1 img {
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
-ms-transition: all ease 1s;
transition: all ease 1s;
}
#cssfade1 img:hover {
opacity: 0;
}”
Thankyou in advance!
- The topic ‘Hover CSS Doesn’t work with Avada Update’ is closed to new replies.