Before you begin, make sure you have the Divi Theme by Elegant Themes installed and active. This is necessary since our product is based on Divi. After that, go ahead install your new child theme or layout pack (whichever one you purchased). Disclosure: The link to Elegant Themes is an “affiliate link” which means if you click on the link and purchase Divi, we will receive a commission.
After purchase, download the ‘.zip’ file from your ‘My Account’ page at https://www.peeayecreative.com/account/ or click the download link in your purchase confirmation email and save the file to your computer.
NOTE: If you purchased this product from a 3rd party marketplace such as the official Divi Marketplace, Divi Cake, or Elegant Marketplace, the process of downloading the file may vary slightly. You will always be able to download the file from your account, no matter where you made the purchase.
Child Theme Installation
If you purchased the child theme version of this template, you will install it just like any other WordPress theme. From your WordPress Dashboard, go to Appearance>Themes>Add New and click on Upload Theme. Locate the .zip file on your computer and click Install Now.
Once the file upload is finished, you can click on Activate. You will then see Divi Electrician as the active theme in your theme panel.
Layout Pack Installation
If you purchased the layout pack version of this template, you will install it just like any other WordPress plugin. From your WordPress Dashboard, go to Plugins>Add New and click on Upload Plugin. Locate the .zip file on your computer and click Install Now.
Once the file upload is finished, you can click on Activate. You will then see Divi Electrician as an active plugin in your plugins list.
Import The Demo Content
Demo Content Import Process
After you install and activate the theme or plugin, you will see a new menu item on the left-hand side of your WordPress Dashboard called Divi Electrician. Hover over this and click Easy Demo Import.
Next, you will see a list of options that are checked by default. Theses items will import and be assigned during the demo import process.
For a new website installation, we recommend keeping everything selected. This will enable you to instantly have a site that is structured and set up just like the demo site. After reviewing the settings, you can click Import Demo Content.
If you already have content, pages, menus, etc. on your site, you will want to proceed with caution. This will not override any existing pages, but it could affect things like the menus. To avoid any issues, simply deselect any items that you don’t want to import or assign. After reviewing the settings you want, you can click Import Demo Content.
At this point, it is recommended to go to “Settings>Permalinks” and click “Save.”
Your site should now look very similar to the demo at https://demos.peeayecreative.com/divi-electrician.
Photos & Resources
Our demo uses some stock photos, but it would be illegal for us to include those or give them to you as part of this product. Instead, we have replaced those stock photos with placeholder images. Actually, we do not recommend using stock photos on your site. Instead, you should take and use original photos anyhow, since it has been proven that stock photos are not considered trustworthy or helpful for brand. Your customers want to see your own photos.
However, we like to go the extra mile, so if there are some photos you like on our demo that you want to use, you can still do that by using the links below in the toggle. We tried to use either free or inexpensive stock photos for your convenience.
Photos Used In Demo
Free Custom Icons
Our child theme and layout pack includes 16 custom designed icons. These icons are included as PNG files that match the color of the demo. We also included the vector files so they can be customized in a vector editing program to match your own branding.
Free Style Guide
We also include a complimentary style guide for the template. This simply shows some of the color scheme, fonts, and styles used in the demo.
Existing customers can download the icons and style guide here.
Customizing The Site
The only thing left to do is replace the text with your own and the placeholder images with your own images. You may now customize anything on the site including the logo, images, color schemes, fonts, layout, etc. Divi makes it super easy to do all of this, but some the styling you see is from the CSS file.
If you want us to customize the site to match your branding, content, colors, and niche, please contact us for our current rates and we would be happy to help.
2.1 -completely redesigned and optimized header Theme Builder template -added a new 404 page Theme Builder template -added new search module to blog sidebar -added a new search results page Theme Builder template -updated the sidebar on the blog posts template -updated overlay color on projects request a quote row -updated overlay color on projects grid hover -fixed issue in Divi with the the post content width -adjusted left margin on the side-by-side buttons on home page -removed unused css classes in menu -fixed some spelling typos in the demo -rewrote various text copy in the demo -cleaned up the Divi Library layouts -cleaned up the media library -cleaned up demo blog categories and tags -cleaned up all css 2.0.1 -updated scripts.js file to solve gallery issue with WordPress 5.6 -fixed gallery lightbox arrow icon, padding, and close x position -updated CSS to fix optin form responsiveness -removed unused CSS in home page settings -fixed responsive layout issue on services page -updated the blog grid styling 2.0.0 -total redesign 1.0.1 -fixed bug with 1-2-3 -added php function to enable larger gallery module image resolution 1.0.0 -initial release