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

 

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

2. Unzip file.

Box Hover Effect & Pricing Table & Progress Bar Part3

3. Import Box Hover Effect 4.json” , “Box Hover Effect 5.json” , “Pricing Table Style3.json” , “Pricing Table Style4.json” , “Progress Bar Style3.json” and “Progress Bar Style4.json” file on Divi -> Divi Library -> Import & Export Button

Box Hover Effect & Pricing Table & Progress Bar Part3

4. After import both layout you can see in below

Box Hover Effect & Pricing Table & Progress Bar Part3

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

Box Hover Effect & Pricing Table & Progress Bar Part3

6.Select One of layout

Box Hover Effect & Pricing Table & Progress Bar Part3

7. After select layout

Box Hover Effect & Pricing Table & Progress Bar Part3

8. Add “part3.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 4
Box Hover Effect & Pricing Table & Progress Bar Part3

Box Hover Effect 5
Box Hover Effect & Pricing Table & Progress Bar Part3

Pricing Table Effect 3
Box Hover Effect & Pricing Table & Progress Bar Part3

Pricing Table Effect 4
Box Hover Effect & Pricing Table & Progress Bar Part3

Progress Bar Effect 3
Box Hover Effect & Pricing Table & Progress Bar Part3

Progress Bar Effect 4
Box Hover Effect & Pricing Table & Progress Bar Part3

9. Edit Content on Text Module

Box Hover Effect & Pricing Table & Progress Bar Part3