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 Mowing 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 Mowing 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 Mowing. 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-mowing.
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.
Theme Builder Templates
Whenever you activate the child theme and import the demo content, it automatically creates a variety of Divi Theme Builder Templates located in the Divi>Theme Builder area. These templates are each assigned to different pages, posts, post types, archive pages, categories, etc. The Theme Builder is a very helpful feature of Divi, so it is highly recommended that you get to know how to use it. If you are new to the Theme Builder, don't worry, our guide here will help explain what each of the templates is used for in the child theme.
You can edit any of the templates by clickin the little pencil icon. This opens up the template and you can customize it ito your liking using the Divi Builder.
Default Website Template
This is the first template and it applies across the entire site. You will notice there are Global Header and Global Footer layouts included in the template. Because they are global, these header and footer layouts apply everywhere on the site, unless they are overriden by an another individual template.
This is the template that is assigned to all the blog posts on the website, which means when you view a blog post, it will dynamiclly show the design and the layout from this template. Dynamic Content is used to show the post title, meta, content, etc.
All Category & Tags Pages
This template applies to all the blog post category and tags pages. If you click on any blog cateogry or tag link, you will come to a page that dynamically shows blog posts in that particular category or page.
Children of Specific Pages: Services
This template is assigned to individual services page, the ones that are sub-pages of the main services page. In WordPress, you have the ability to set the parent page when you edit one of the child pages. Just go to the right side and choose the Services page as the parent inside the Page Attributes area. So all the pages which have the services page as a parent will be assigned with this particular template. Using one dyanmica template like this allow you to keep consistent page designs for all of the services pages.
All Project Category Pages
Similar to the blog post categories, this template is assigned to all the project category pages. This used a Portfolio module to display the projects, and any project categorty that you click on will dynamically display projects within that category.
When by mistake or by any chance the user clicks or enters a URL link that is not valid or existing on your website, then that user will see a 404 error page. This template is used to give some inforamtion and direct the user to other valid pages on the site.
Search Result Page
When the user searches something on your website by using the search module or the search widget, then this is the template that controls the design of that search results page where the user gets redirected to.
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