Reply To: WT Enterprise - Image change on hover

Home › Forums › Support › WT Enterprise - Image change on hover › Reply To: WT Enterprise - Image change on hover

Miguel Cutrin
Posted 4 years, 10 months ago

Hi!

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.

Thanks,

Miguel

  • This reply was modified 54 years, 4 months ago by .