In This Article
General Module Settings #
The Divi Trendy Hover Image Display Module shows an image when users hover over text, creating a dynamic and engaging effect.You can add your text and image in the Content tab of the module – Content.
In the Design tab you can customize the image appearing position, image hover interactions, image sizing, rotation, border radius and module text styling.
In the Design tab under Image Position you can set up where the image will be displayed. The image position can relative to the: Module, Row, Column or Section. You can set it up as you wish for better positioning control.
Below that you can see the coordinate system and you can choose where to display the image in its parent element.
You can also choose whether the image should be displayed above or below the text.
For even better positioning control you can set a horizontal and vertical offset to the image position (if you want it to to be displayed a little bit more to the left for example – use the horizontal offset) . You also have the option to rotate the image.
In Image Interactions you can set up the image to show or remove (hide) when the mouse leaves the text area. You also have 3 options for mouse interactions: None, Follow and Bounce.
