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.

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

4. After import both layout you can see in below

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

6.Select One of layout

7. After select layout

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 10

Pricing Table Effect 8

Pricing Table Effect 9

Pricing Table Effect 10

Progress Bar Effect 8

Progress Bar Effect 9

Progress Bar Effect 10

9. Edit Content on Text Module

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

 

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

2. Unzip file.

3. Import Box Hover Effect 6.json” , “Box Hover Effect 7.json”, “Box Hover Effect 8.json” , “Pricing Table Style5.json” , “Pricing Table Style6.json” , “Pricing Table Style7.json” , “Progress Bar Style5.json” , “Progress Bar Style6.json” and “Progress Bar Style7.json” file on Divi -> Divi Library -> Import & Export Button

4. After import both layout you can see in below

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

6.Select One of layout

7. After select layout

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

Box Hover Effect 7

Box Hover Effect 8

Pricing Table Effect 5

Pricing Table Effect 6

Pricing Table Effect 7

Progress Bar Effect 5

Progress Bar Effect 6

Progress Bar Effect 7

9. Edit Content on Text Module

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.

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

4. After import both layout you can see in below

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

6.Select One of layout

7. After select layout

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 5

Pricing Table Effect 3

Pricing Table Effect 4

Progress Bar Effect 3

Progress Bar Effect 4

9. Edit Content on Text Module

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

 

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

2. Unzip file.

3. Import “Box Hover Effect 3.json” and “Pricing Table Style2.json” and “Progress Bar Style2.json” file on Divi -> Divi Library -> Import & Export Button

4. After import both layout you can see in below

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

6.Select One of layout

7. After select layout

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

Pricing Table Effect 2

Progress Bar Effect 2

9. Edit Content on Text Module

Steps for setup Pricing Table & Progress Bar

 

1. Download Pricing Table & Progress Bar Part1.zip File.

2. Unzip file.

3. Import “Pricing Table Style1.json” and “Progress Bar Style1.json” file on Divi -> Divi Library -> Import & Export Button

4. After import both layout you can see in below

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

6.Select One of layout

7. After select layout

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

Pricing Table Effect 1

Progress Bar Effect 1

9. Edit Content on Text Module

Steps for setup box hover effects

 

1. Download Box Hover Effects Part1.zip File.

2. Unzip file.

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

4. After import both layout you can see in below

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

6.Select One of layout

7. After select layout

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

Effect 2

9. Edit Content on Text Module