Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

– You can Create Creative Service Designs using divi module and Footer Designs Using Divi Module .

– 5 Free Style of Service Designs and 8 Footer Designs.

Steps for setup Service Designs

1. Download Another-5-Creative-Service-Designs.zip File.

2. Unzip files

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

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module  

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

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

5. Add New Page and Click on “Add From Library”
Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module
OR

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

6.Select One of layout

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

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

8. Add “style1.css,style2.css…etc” 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

Steps for setup Footer Designs

1. Download 8-Creative-Footer-Designs File.

2. Unzip files

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

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

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

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

5. Go to Theme Builder and Click on “Build Global Footer”.After click you can select “Add from Library”.

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module


Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

6.Select One of layout

Another 5 Creative Service Designs Using Divi Module with stunning hover effects and 8 Awesome Footer Designs Using Divi Module

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

8. Add “style1.css,style2.css…etc” 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

Start Building Website Using Our Divi Products

We are offering 10% OFF sale in Our Products!
Use the coupon code DP2020 at checkout!

How to Create Creative Person or Team Design Using Divi Module

How to Create Creative Person or Team Design Using Divi Module

– How to Create Creative Person or Team Design Using Divi Module

– 5 Free Style of Person or Team Design.

Steps for setup Person or Team Design

1. Download 5-Creative-Person-Team-Designs.zip File.

2. Unzip files

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

How to Create Creative Person or Team Design Using Divi Module  

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

How to Create Creative Person or Team Design Using Divi Module

5. Add New Page and Click on “Add From Library”
How to Create Creative Person or Team Design Using Divi Module
OR

How to Create Creative Person or Team Design Using Divi Module

6.Select One of layout

How to Create Creative Person or Team Design Using Divi Module

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

8. Add “style1.css,style2.css…etc” 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

Create Creative Person Or Team Page Design Using Divi Team Members Plugin

To showcase your staff/employees/people on your website the easy way. You can quickly add members to your team(s), add their picture, position, bios, social links. What you see is what you get.
60 Different Layout Style for Team Members Module.
60 Different Layout Style for Team Members Grid Module.
Horizontal Team Members Module
Table Format Team Members Module
Team Member Slider Module

We are offering 10% OFF sale in Our Products!
Use the coupon code DP2020 at checkout!

 

How to Create Creative Service Designs Using Divi Module

How to Create Creative Service Designs Using Divi Module

– You can Create Creative Service Designs using divi module.

– 5 Free Style of Service Designs.

Steps for setup Service Designs

1. Download 5-Creative-Service-Designs.zip File.

2. Unzip files

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

How to Create Creative Service Designs Using Divi Module  

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

How to Create Creative Service Designs Using Divi Module

5. Add New Page and Click on “Add From Library”
How to Create Creative Service Designs Using Divi Module
OR

How to Create Creative Service Designs Using Divi Module

6.Select One of layout

How to Create Creative Service Designs Using Divi Module

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

8. Add “style1.css,style2.css…etc” 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

Start Building Website Using Our Divi Products

We are offering 10% OFF sale in Our Products!
Use the coupon code DP2020 at checkout!

How to overriding woocommerce templates in your divi child theme

How to overriding woocommerce templates in your divi child theme

If you use woocommerce plugin and your website is eCommerce with Divi then you can easily customize cart,checkout,shop,my account files via using create divi child theme.

Steps:

1. Install Divi Theme.

2.. Install Woocommerce Plugin.

3. Create Divi Child Theme and Install.

Divi Professional

4. See woocommerce plugin structure.

Divi Professional

5. Overwrite Woo templates.
Open “templates” folder.you can see on below image.

Template files can be found within the /woocommerce/templates/ plugin directory:

Divi Professional

6. Overwrite these templates in your child theme.Create “woocommerce” folder in your child theme.
7. Example:
To override single product title
copy:
wp-content/plugins/woocommerce/templates/single-product/title.php
to
wp-content/themes/yourchildtheme/woocommerce/single-product/title.php

Same way you can overwrite others files.

See More Information Click Here

Download Woo Divi Child Theme

Woocommerce Resources

Best WordPress WooCommerce Plugins

WooCommerce

WooCommerce Blog

Divi WooCommerce Blog

Divi Dream Tool

29 Custom Modules & DDT Tool More & Coming Soon

Build creative and amazing websites using DDT modules
Easily and quickly customize your divi websites and save time

Launching Sale 20% OFF

Use coupon code : DDT20

Buy NowDemo

How to display social share icon in blog detail page or any detail page without any plugin

How to display social share icon in blog detail page or any detail page without any plugin

How to Use

 

Using Shortcode

Just add [DPSocialShare] shortcode in code or text module OR default editor.
This shortcode you can use blog detail page or any custom post type detail page.
This shortcode you can put anywhere on detail page.

Default Editor

SocialShare

Text Module

SocialShare

Code Module

SocialShare

Using Divi Template Hook

Hook : et_before_content

See Documentation and find single.php.

SEE DEMO

SocialShare

How to Use Code

– Download code is base on child theme.

– You can directly upload child theme. if you have alreay child theme then copy line 6 to line 17 line of functions.php and paste on your child theme functions.php at end.

– if you have alreay child theme then copy style of style.css and paste on your child theme style.css.

 

Divi Dream Tool

29 Custom Modules & DDT Tool More & Coming Soon

Build creative and amazing websites using DDT modules
Easily and quickly customize your divi websites and save time

Launching Sale 20% OFF

Use coupon code : DDT20

Buy NowDemo

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

Blog Detail Page Divi Deafult Features

1. If you don’t want to display “Author” or “Date” or “Categories” or “Comments” On Blog detail page then Go to Divi -> Theme Options-> Layout -> Single Post Layout -> Choose which items to display in the postinfo section.

2. If you don’t want to display “Comments” section On Blog detail page then Go to Divi -> Theme Options-> Layout -> Single Post Layout -> Show comments on posts

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

3. If you want to display ad banner on post then Go to Divi -> Theme Options-> Ads

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

4. If you want to add HTML or tracking code on post then Go to Divi -> Theme Options-> Integration -> Code Integration.

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

Projects CPT Features

How to rename Project,Project Category & Project Tag label and frontend slug

Download code and paste on your child theme functions.php file.

Blog Detail Page Divi Feature & Rename/Remove Projects CPT Tutorial

How to Remove Project,Project Category & Project Tag

Download code and paste on your child theme functions.php file.