Steps for setup Link Hover & Box Hover Effect & Pricing Table & Progress Bar & Counter Style

1. Download Link-Hover-Box-Hover-Effect-Pricing-Table-Progress-Bar-Counter-Style-Part7.zip File.

2. Unzip file.

3. Import “Link Hove Effects Style 5.json”, “Link Hove Effects Style 6.json”, “Counter style1.json”, “Counter style1.json” ,”Box Hover Effect 13.json” , “Box Hover Effect 14.json”, “Pricing Table Style13.json” , “Pricing Table Style14.json”,”Progress Bar Style13.json”and “Progress Bar Style14.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 “part7.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 13

Box Hover Effect 14

Pricing Table Effect 13

Pricing Table Effect 14

Progress Bar Effect 13

Progress Bar Effect 14

Counter Style1

Counter Style2

Link Hover

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 Part6.zip File.

2. Unzip file.

3. Import Box Hover Effect 11.json” , “Box Hover Effect 12.json”, “Pricing Table Style11.json” , “Pricing Table Style12.json””Progress Bar Style11.json”and “Progress Bar Style12.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 “part6.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 11

Box Hover Effect 12

Pricing Table Effect 11

Pricing Table Effect 12

Progress Bar Effect 11

Progress Bar Effect 12

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 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