Steps for setup box hover effects

 

1. Download Box Hover Effects Part1.zip File.

2. Unzip file.

Box Hover Effects - Part 1

3. Import “Box Hover Effect 1.json” and “Box Hover Effect 2.json” file on Divi -> Divi Library -> Import & Export Button

Box Hover Effects - Part 1

4. After import both layout you can see in below

Box Hover Effects - Part 1

5. Add New Page and Click on “Add From Library”

Box Hover Effects - Part 1

6.Select One of layout

Box Hover Effects - Part 1

7. After select layout

Box Hover Effects - Part 1

8. Add “box_hover_part1.css” file on your child theme and Enqueue your style using wordpress function wp_enqueue_style

OR

Copy CSS from file and PASTE on Theme Option -> General -> Custom CSS

9. Publish Page and see on front end.

Effect 1
Box Hover Effects - Part 1
Effect 2
Box Hover Effects - Part 1

9. Edit Content on Text Module

Box Hover Effects - Part 1