Divi Creative Child Theme

(3 customer reviews)

$59.00

A modern, innovative child theme for Divi. The perfect theme for a creative agency.
Are you tired of creating same old Divi designs? Build something different with this most Non-Divi Looking Divi Child Theme Design in the market right now!

Live Demo Test Drive This Child Theme

 

Available in: The bundle package


Don’t have Divi? get it first from CLICK HERE

Description

A modern, innovative child theme for Divi. The perfect theme for a creative agency. The beautiful full page slider home page, Innovative preloader screen, Full width menu, Custom designed header and footer sections are highlights of this child theme. This is the most Non-Divi Looking Divi Child Theme Design in the market right now! Grab your copy now and build sites that are different from other Divi theme based sites in the web space.

Features:
– One click demo import.
– Unique control panel which allows you to customize the appearance.
– Looks great on mobiles too! Try it on any device.
– You can use video backgrounds to the home page slider.
– Innovative front page with full screen slider and two buttons to open up the main menu and your portfolio page.
– Well designed inside pages with nice sticky scrolling effects in both header and footer.
– Images are from ‘pixabay’ so its free of copyrights (Creative Commons CC0).
NEW!
– Divi Visual Builder Support.
– Option to remove logo on home page slider.
– Option to remove top of the page triangle shape divider.

Live Demo Test Drive This Child Theme

 

Demonstration:

Setup Guide:

 

Installation instructions:

1. Install the Divi parent theme by Elegant Themes (This child theme works best on Divi version 2.7 and higher, You will need PHP version 5.5 or higher installed in your server).

2. Install and activate the Divi Creative child theme.
– Upload the DiviCreative.zip using the WordPress dashboard, or use FTP and upload the unzipped folder “Divi Creative” into your themes directory and activate it.

3. Install and activate “One Click Demo Import” Plugin (You can find ‘Install Plugins’ menu item under Appearance).

4. Go To “Appearance”. Click on “Import Demo Data” and Click on “Import Demo Data” Button. This will import child theme content into your site. If you see any error please try again. If it doesn’t work ask your host to increase maximum execution time.
*** IMPORTANT: It will take some time. So please don’t cancel process.

5. Go to Appearance > Menus. Assign the menu as the primary menu (if it’s not already set up like that during demo import process).

6. Go to Divi > Theme Options. Click on “Arrow Up / Arrow Down” at the top right and import the .json file (import/Divi Theme Options.json). This will import all Divi Options Settings.
*** IMPORTANT: It will take some time. So please don’t cancel process.

7. Go to Divi > Theme Customizer (or Appearance > Customize). Click on “Arrow Up / Arrow Down” at the top left and import the .json file (import/Divi Customizer Settings.json). This will import all Customizer Settings.
*** IMPORTANT: It will take some time. So please don’t cancel process.

8. Hover on Divi parent menu and Click on “Child Theme Settings”. Configure settings as per need.

9. Go to Permalink Settings and chose “Post name”.

10. Check frontend and enjoy your new child theme!

• You can use child theme integrated element animations on Divi Modules, Template files, and Widgets,…

• You can edit Footer credits from child theme footer.php file: Appearance > Editor > Divi Creative > Theme Footer. Look below in the footer template document.

• FYI: We have made child theme’s header and footer hidden in Divi visual page builder mode. This is to avoid any potential visual builder conflict with our customizations (parallax effect) in those areas. You can edit the page as it is with visual builder and once you saved the page and view it live the footer and header sections will show up like normal.

 

Terms of Sale:

You can use this product for both personal and commercial use on unlimited websites.
You are not allowed to resell or redistribute this product or any of its parts to anyone else.

You get product updates for lifetime – We will make every attempt to ensure that our products are compatible with all future releases of Divi. You can access product updates through ‘My Account‘ page here (check version number to see if there’s an update).

For product support you can directly contact us. We provide customer support for life of the product – Support is provided for bug fixes only. If you need customisation support you will have to pay our hourly rate.

Scope of Support – Our main intention by providing product support is to help uncover bugs, add frequently requested features and overall improve the product for everyone. We reserve the right to dismiss any support request that’s outside of this support scope.

Due to the nature of digital products as they cannot be returned, it’s impossible to prevent fraud and still offer refunds. Hence refund requests are expressly denied. You are encouraged to use our test drive facility to try the product before you buy.


Compatible with PHP version 5.5 or higher

Changelog

Version 1: Initial Release.

Version 2: The Visual Builder Edition.

Element Animations

We integrated ‘WoW animation library‘ to this child theme so you can easily animate any Divi Module/Row or Section. Create stunning webpages using these animation classes. You just have to add class “wow” with below classes into Row or Section or a Module.

—Update—
* The latest Divi update has included wow animation library to the builder. If you are one of our child theme users then you don’t need to use wow animation library we have integrated to our child themes. You can still use child theme animations that aren’t included with Divi builder. In order to use these new Divi builder animations in a child theme imported page you have to first remove any existing CSS classes that calls our child theme integrated animation engine. Read More…

Example : “wow bounce” , “wow swing” , “wow bounceInDown” etc..

bounce
flash
pulse
rubberBand
shake
headShake
swing
tada
wobble
jello
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp

Note :

If you want to use image module with this effect then please set “Animation” option to “No Animation”

Works best with Rows and Modules

All of these CSS classes are working in custom HTML code, Text Module and Code Module

Advanced settings you can use with WOW Animation classes,

– data-wow-duration: Change the animation duration

– data-wow-delay: Delay before the animation starts

– data-wow-offset: Distance to start the animation (related to the browser bottom)

– data-wow-iteration: Number of times the animation is repeated

Solutions

• To update this product first compare installed version number in your site with the product version number in your my account page here. If the version number is higher then you need to download that new zip file and install to your site. Once installed WordPress will take care plugin/theme upgrade process.

………..

Fix for off center logo in homepage slides when viewing on big screen sizes (From 1920×1080 screen sizes to 4k and more):

.logodata {margin:0 0 0 -70px!important; width:140px !important; left:50% !important; }

Add this CSS to Divi theme options custom CSS panel.

………..

— Old Solutions that may no longer necessary —
 
You can remove top triangle section that shows up in every page with this code:

div.triangle-top {
    display: none;
}

* If you just want that section to not appear in a specific page then put the same code into Divi builder page settings option panel.

* You may want to increase top margin of the next section in order to better display logo section.
Click on section settings > Go to design tab > Spacing > Increase custom Top Margin.

* Solution for white top line in mobile and tablet screen sizes:
– After you are done setting up the child theme please open up the home page’s section module settings. Go to the design tab and find Custom Padding section. There you need to remove child theme’s default 50px top and bottom padding figures given for Tablets and Smartphone screen sizes. Just press undo icon and you are done!

3 reviews for Divi Creative Child Theme

  1. Elisandro

    That is the first with this kind of menu. Love it!

  2. Adnan Usman

    Looks Awesome. Great job!

  3. Randy Brown

    I installed the Divi Creative child theme and I’m impressed. I get bored of the standard navigation systems but this one uses a full-screen menu in a unique way that makes it interesting. The animations and parallax don’t look like afterthoughts and they’re not overdone. The layouts are smooth. I especially like the revealed footer. I’ll be recommending this one.

Only logged in customers who have purchased this product may leave a review.