Steps for setup Box Hover Effect & Pricing Table & Progress Bar

 

1. Download Box Hover Effect & Pricing Table & Progress Bar Part5.zip File.

2. Unzip file.

Box Hover Effect & Pricing Table & Progress Bar Part5

3. Import Box Hover Effect 9.json” , “Box Hover Effect 10.json”, “Pricing Table Style8.json” , “Pricing Table Style9.json” , “Pricing Table Style10.json” , “Progress Bar Style8.json” , “Progress Bar Style9.json” and “Progress Bar Style10.json” file on Divi -> Divi Library -> Import & Export Button

Box Hover Effect & Pricing Table & Progress Bar Part5

4. After import both layout you can see in below

Box Hover Effect & Pricing Table & Progress Bar Part5

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

Box Hover Effect & Pricing Table & Progress Bar Part5

6.Select One of layout

Box Hover Effect & Pricing Table & Progress Bar Part5

7. After select layout

Box Hover Effect & Pricing Table & Progress Bar Part5

8. Add “part5.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.

Box Hover Effect 9
Box Hover Effect & Pricing Table & Progress Bar Part5

Box Hover Effect 10
Box Hover Effect & Pricing Table & Progress Bar Part5

Pricing Table Effect 8
Box Hover Effect & Pricing Table & Progress Bar Part5

Pricing Table Effect 9
Box Hover Effect & Pricing Table & Progress Bar Part5

Pricing Table Effect 10
Box Hover Effect & Pricing Table & Progress Bar Part5

Progress Bar Effect 8
Box Hover Effect & Pricing Table & Progress Bar Part5

Progress Bar Effect 9
Box Hover Effect & Pricing Table & Progress Bar Part5

Progress Bar Effect 10
Box Hover Effect & Pricing Table & Progress Bar Part5

9. Edit Content on Text Module

Box Hover Effect & Pricing Table & Progress Bar Part5