– You can use this tilt styles on your divi website.

Steps for Tilt Effect

1. Download  Tilt File.

2. Unzip files

3.Import Tilt Effects.json file on on Divi -> Divi Library -> Import & Export Button

4. After import layout json files you can see in below

5. Add New Page and Click on “Add From Library” OR “+” Icon below section

New Divi Builder

Old Divi Builder

7. After select layout,section then Publish Page and see on front end after done below point 8.

8. Here two way possibility of use tilt .

1. Using Child theme
On unzip folder you can found “DPDiviChild.zip” file so just upload and activate.

If child theme already exist then follow below step
-> Copy “js” folder and paste on your existing child theme.
-> Copy enqueue script function “dp_tilt_scripts” code and paste on your existing child theme functions.php file.
-> Copy style.css code and paste on your existing child theme style.css file.

2. Without Child theme
-> Upload “vanilla-tilt.min.js” file on your server or anywhere and add that path on Divi-> Theme Options -> Integration Tab.
->Copy js code from init-tilt.js file and paste on Divi-> Theme Options -> Integration Tab.
Just write Script tag before start code and end script tag after code finished.

See Image

-> Copy style code from style.css file and paste on Divi-> Theme Options ->General -> Custom CSS .

See Image

For Simple Effect use class “dp-tilt-column” on module and add class on jquery.
For Parallax Effect use class “dp-tilt-column-parallex” on module and add class on jquery.
For Glare Effect use class “dp-tilt-column-glare” on module and add class on jquery.

See Image

– You can use any styles on your divi website.

– 15 Free Styles of Divi Testimonial

Steps for Divi Testimonial styles

1. Download  All Testimonial Styles File.

2. Unzip files

3.Import Testimonial json file on on Divi -> Divi Library -> Import & Export Button

4. After import layout json files you can see in below

5. Add New Page and Click on “Add From Library” OR “+” Icon below section

New Divi Builder

Old Divi Builder

7. After select layout,section then Publish Page and see on front end after done below point 8.

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

Optional

9. You can find “All Testimonial Styles.json” this is layout and include all styles.

How to load layout

New Builder

Old Divi Builder

– You can use 2 module styles on your divi website.

– 2 Module Free Style

Steps for 2 Module styles

1. Download Person and Blog Divi Module Style File.

2. Unzip files

3.Import media.xml and post xml file in Tools -> Import -> WordPress Import
Import Module Blog Style.json and Team Member.json file on on Divi -> Divi Library -> Import & Export Button

4. After import layout json files you can see in below

5. Add New Page and Click on “Load Layout”

6.Select Module Style1 of layout

7. After select layout,Publish Page and see on front end after done below point 8.

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

– You can use 6 module styles on your divi website.

– 6 Module Free Style

Steps for 6 Module styles

1. Download Module Layout Styles File.

2. Unzip files

3.Import Media and project xml file in Tools -> Import -> WordPress Import
Import Module Style1.json file on on Divi -> Divi Library -> Import & Export Button

4. After import layout json files you can see in below

5. Add New Page and Click on “Load Layout”

6.Select Module Style1 of layout

7. After select layout,Publish Page and see on front end after done below point 8.

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

OR

Add Individual Style CSS

– You can use 6 module styles on your divi website.

– 6 Module Free Style

Steps for 6 Module styles

1. Download Module Style1.zip File.

2. Unzip files

3.Import Media and project xml file in Tools -> Import -> WordPress Import
Import Module Style1.json file on on Divi -> Divi Library -> Import & Export Button

4. After import layout json files you can see in below

5. Add New Page and Click on “Load Layout”

6.Select Module Style1 of layout

7. After select layout,Publish Page and see on front end after done below point 8.

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