Yes now I see the new image on Hover, but I think that my template might be lacking on some classes. I tried adding the same code that is displayed in the link you provided, and it doesn’t perform the image change on hover as the demo does.
As I understand, this is the piece of code that I should be adding to replicate the image changing on hover:
<div class="ui-image-overlay"> <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0"> <img alt="Image ALT" src="" /> <div class="uk-position-cover uk-transition-fade"> <img alt="Image ALT" src="" /> </div> <div class="uk-position-cover uk-overlay-primary uk-transition-fade"></div> <div class="uk-position-center"><div class="uk-overlay uk-margin-remove-first-child uk-transition-fade"> <h3 class="ui-title uk-margin-remove-bottom uk-margin-top">Hover Image</h3> </div> </div> </div> </div>
If I do it that way, I can only visualize the image that is supposed to be seen on hover.
I’ve looked into the “theme.css” file of my template and there is no “ui-image-overlay” class, so probably that’s the main issue.
I might need to do something before using the Helix funcionalities, because I clearly haven’t.
I will continue trying though.
- This reply was modified 53 years, 9 months ago by .