Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/iratablo/material.powdistudio.com/wp-content/themes/Divi/includes/builder/functions.php on line 5586
Documentation | Divi Material

General information:

You must have WordPress and Divi Theme installed before you begin installing the Material Divi Child Theme. We recommend working on a fresh WordPress installation. The Divi theme is not included in this package. To download Divi, you must have an Elegant Themes Membership.
How to install Divi Material Child Theme?
– Download and unzip the Divi_Material_Child_Theme.zip file to your computer
– Unzip the file to create a folder.
– In your WordPress dashboard navigate to Appearance > Themes and click on Add New.
– Locate the Divi_Material.zip file in the Divi_Material_Child_Theme folder on your computer and then click Install Now.
– When the install is complete click on Activate, you will then see that the Divi Material Child Theme is the active theme in your theme list.
How to upload the layouts?
– Go to Divi > Theme Options. Click on the import/export options (up/down arrow). Click on Import and upload Divi Material Theme Options.json
– Go to Divi > Divi Library. Click on the import/export options. Click on Import and upload Divi Builder Layouts.json . (If the file is too big to upload, you can find it broken into 3 parts in Folder “Layout by parts”. The files are Divi Material Layouts.json, Project Page 1.json and Project Page 2.json. Please upload those three files separately if you have difficulties uploading the Divi Builder Layouts.json file)
– Go to Appearance > Theme > Customize . Click on the import/export options (up/down arrow). Click on Import and upload Divi Material Customizer Settings.json
How to add the pages?
– Go to Pages > Add New. Give your page a name, for example Home page. In the Divi Builder Click on “Load from Library” then click on “Add From Library”. Here you will find all the pages from the demo. Load the Home page and publish it. Do the same with the other pages and posts. Don’t forget to add a menu and choose a static page for your Home page.


How to change colors?
– Some colors can be changed through the modules and rows design and CSS settings, as well as the theme customizer. If you cannot find the color in design options, please have a look at the additional CSS section of the module/row.

– The rest of the colors can be changed through the theme style.css file. To change these colors go to appearance > editor. Then you can replace the excisting color codes with the new ones you want to use.

Excisting color codes: (#F92CFB – for the pink, and #232525 – for the black)

How to change project pictures, links and text?
For the project display we used the code module. Here is how the code looks like and how you can change its content:

div class=”grid” style=”padding:0px 0px 0 0;float:center; ”

a href=”/project-page/” style=”color: #ffffff;” /From here you can change the color of the text and the link/

figure class=”effect-chico”
img src=”/wp-content/uploads/2017/06/073.jpg” alt=”img01″/ /From here, you change the background image/

h2>span>Project ONE

/Change the head text/
p>View More

/Change the body text/


How to edit the footer?
Divi Material uses a Divi Builder layout for a footer on all pages. To edit the footer go to Divi > Divi Library. Then click on the layout called Footer. After you edit it, click Update and your changes will be reflected.
How to create the "Get A Quote" button in the menu?
To create a button in the menu that is exactly like the “get a quote button”, please follow the instructions below:

1. From the WordPress Dashboard, go to Appearance → Menus. At the top of the menus page click Screen Options and check CSS Classes. This will allow you to add a custom CSS class to your menu items.

2. Add a custom link to your menu – this will be your “get a quote” button. Then, add a custom CSS class to it. To add the class, click the arrow on the right of the menu item to reveal the configuration options. Then add the class getaquote_button inside the CSS Classes text box.

How to change the colors of the "Get A Quote" button?
If you want to change the colors of your button, go to the WordPress Dashboard, Appearance → Editor → style.css file and customize the class
you have used for your button. You can see the css style for the getaquote_button class under /*** style the menu button ***/ in the “style.css” file of the theme.

Open a Support Ticket:

If you have a question that is not included here, please contact us, using the form below: