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
Flippen AWESOME !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
LOVE IT ! Especially the hover ones
Thanks !!! quick question, how would i make this 4 or 6 rows instead of three ? I want too add a module next to it.
Yes you can use any number of column.
For 6 column use : https://www.sean-barton.co.uk/2016/06/divi-extended-column-layouts-6-column-layout/