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 BPPP5

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 BHP2

4. After import both layout you can see in below

Box Hover Effect & Pricing Table & Progress Bar Part5 BPPP51

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

Box Hover Effect & Pricing Table & Progress Bar Part5 BHP4

6.Select One of layout

Box Hover Effect & Pricing Table & Progress Bar Part5 BPPP52

7. After select layout

Box Hover Effect & Pricing Table & Progress Bar Part5 BHPTPB4

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 9

Box Hover Effect 10
Box Hover Effect & Pricing Table & Progress Bar Part5 box hover effect 10

Pricing Table Effect 8
Box Hover Effect & Pricing Table & Progress Bar Part5 pricing table style8

Pricing Table Effect 9
Box Hover Effect & Pricing Table & Progress Bar Part5 pricing table style9

Pricing Table Effect 10
Box Hover Effect & Pricing Table & Progress Bar Part5 pricing table style10

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

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

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

9. Edit Content on Text Module

Box Hover Effect & Pricing Table & Progress Bar Part5 BHPTPB8