Image Effect Pro Tutorial

All the settings in a ‘Divi Visual Builder’ is very simple and easy, select a set of rows, add a module by clicking on one of the grey (+) signs. Search the name of the module on the search bar and continue to design.

Circular Image Hover

1. Once you select this module, you get to add your ‘Text’
2. Add a suitable Image Into The Circular Shape
3. Add color for the ‘Caption Background’
4. Select ‘Fonts’ for Heading Text and Description Text
5. 19 Quirky Hover Effects Are Presented For The Circular Image Hover.

Variations

60+ variations are available with The Circular Hover Effect module
Here are some examples: Top to Bottom, Left to Right, Right to Left, Bottom to Top.

Image Hover Box

1. Once you select this module, you get to add your ‘Text’
2. Add a suitable Image Into The Image Hover Box
3. Select the color for Caption Background
4. Add a suitable ‘Font’ for Heading Text and Description Text
5. Comes with 13 suitable hover effects to pick from
6. Explore the 30+ variations when combining directions

Variations

Image Icon Effect

1. Once you select this module, you get to add your ‘Text’
2. Add a suitable Image Into The Image Icon Effect
3. You can add three icons that will act as a linked button to make it
4. easier for users to go to specific pages the icon symbolizes.
5. Pick between ‘Heading’ or ‘Focus’ text
6. Pick from the 6 Interesting Hover Effects in the collection

Image Scroll Effect

1. Once you select this module, you must upload an image
2. Add a suitable image with a proper length in height
3. Add a button
4. Add an overlay
5. Add scroll effect using ‘Background Position’

Variations

Mega Image Effect

1. Once you select this module, you get to add your ‘Text’
2. Add a suitable Image to The Mega Image Effect
3. Select a color for the ‘Hover background’
4. Select ‘Fonts’ for Heading Text and Description Text
5. 220+ fantastic hover effects available within The Mega Image Effect module
6. There is a feature where you ‘Select Text Effect’ to add effects on your ‘Typography’
7. You can also control the speed of your text effect using ‘Select Text Delay’

Minimal Image Effect

1. Once you select this module, you will need to add an image
2. Select a hover effect from our 10 most spectacularly simple collection

Ultimate Image Effect

1. Once you select this module, you get to add your ‘Heading Text’ and ‘Focus Text’
2. Add a fitting Image to The Ultimate Image Effect
3. Add color for the ‘Background’
4. Select ‘Fonts’ for ‘Heading Text’ and ‘Focus Text’
5. 24 attractive hover effects are provided