Engined 2.0 is here to work with Divi 2.5

Engined 2.0 is here to work with Divi 2.5

Well it has been a crazy summer for me, first trying to update Engined to make it compatible with Divi 2.4 as I had promised, and then we also had the Divi 2.5 update. But anyway, Engined 2.0 is finally here.

Why did it take so long

I´ve tried to release the new version of Engined on several occasions but it really gave me a hard time. Every time I finished a section and checked everything, there was something new in Divi 2.4.x that screwed up something else that was working alright before with Divi 2.4.(x-1). It´s been a crazy mess with all those Divi updates. I even had to finally remove some settings because there was no way to make them work with the last Divi updates, and the worst part of it is that they were working with the previous 2.4.x versions and that some of them are not covered by Divi out-of-the-box.

And then, when I had the new update finished by the middle of August, I knew about the Divi 2.5 update, so I had to hold the release once again and wait to make it compatible with Divi 2.5.

What´s new in Engined 2.0

There´s nothing new or fancy about Engined 2.0 apart from its Divi 2.4 + Divi 2.5 compatibility. In fact, I even had to remove some of the original features of Engined.

But I wanted to bump the version number up to 2.0 nevertheless. In the first place because a lot of things needed to be changed under the hood, so the new version is quite different from the previous one. Also, I thought I´d better changed the version number to 2.0 because I think I should still offer the previous Engined 1 as a legacy version (to be used with the Divi 2.3 legacy version), leaving at the same time some room for Engined 1.X updates if needed.

Divi 2.4 added quite a few panels and sections to the Customizer. Engined panels and sections show now a different bluish background instead of the default white background, so they can be easily identified at a glance:

engined-customizer-panel-color

 

Features removed in Engined 2.0

Magic Codes

Magic Codes were introduced as a means to modify not the styling but the functionality of Divi modules. However, the existing Magic Codes were not longer needed because:

  • The functionality provided by the Magic Codes for the Blog modules can now be handled by the Offset setting in the Divi Blog module.
  • The much needed option for the CTAs links to open in a new browser tab (that was provided via the cta_outbound_link Magic Code) was finally added by ET to the CTA module in Divi 2.4.

So Magic Codes may come back at any time if they are needed for future features, but for the time being they´ve been removed from this version of Engined.

Sections with Custom Rows

I´d originally included the Section with Custom Rows custom selectors and settings in Engined because Divi was missing something that was quite important in my opinion: rows couldn´t be customized in Divi versions prior to 2.4, they didn´t even have settings for it!

But after Divi 2.4 you´ll find interesting settings to customize your rows. The functionalities and responsiveness provided by the new Divi 2.4 structure for sections and rows are far superior to anything you might accomplish with the Section with Custom Rows feature avilable in the first versions of Engined.

Some Customizer settings have been removed, others have been added

Due to incompatibility issues with Divi 2.4, some Customizer settings have being removed from Engined, most of them in the Main Header and in Main Sidebars or Custom Sidebars sections. You may need to check the changelog if you are going to update a site you´ve previously customized with Engined.

For example, the settings Hide header on homepage load or Hide header on page load for all pages are no longer available in Engined. If you´ve used these options they will not wor for you in Engined 2.0, so you´ll need to set the HIDE NAVIGATION UNTIL SCROLL Divi option in the Customizer, under Header & navigation > Header Format.

Another example is the Sidebar width setting, along with other related settings such as Sidebar-Content Separation, Sidebar end side horizontal padding or Widgets content side margin, which didn´t work alright due to the new way Divi handles the sidebar width in percentages instead of pixels and other Divi CSS changes. So if you want to customize your sidebar width now, you need to use the USE CUSTOM SIDEBAR WIDTH Divi option in the Customizer, under General Settings > Layout Settings, but you will also find some new settings available in Engined 2.0 to customize your sidebar, such as Sidebar-Content spacing (%) or Sidebar inner width (%), among others.

Repeated or equivalent settings

After the Divi 2.4 update, some settings are now repeated in Divi and Engined (why, ET seemed to have read my mind in some cases!). Here´s an example: Since its 2.4 version Divi lets you set the color and opacity of the Footer Bottom (or Bottom Bar as they´ve named it on the Customizer). As you probably know, this setting already existed in Engined, so there are now two different places where you can customize your Footer Bottom background.

You might wonder why I don´t just simply remove from Engined every setting that is now available in Divi. There are a couple of reasons for it. The first one is to provide compatibility: if for instance you´ve used Engined to customize a site and you´ve modified your Footer Bottom, I want your site to work as you expected and I don´t want to make you go to the new Divi settings and start customizing the same things again. Another reason is that some of the repeated settings in Engined belong to a group of settings some of which are not available in Divi, so it makes sense to have them all in the same place under a particular Engined customizer section, even when there´s an equivalent setting in Divi.

Customizer settings precedence

In general, Engined settings will take precedence over the Divi settings available in the Customizer.

This is the way it works: If you set any Engined setting value out of the default value, the equivalent Divi setting will not work at all, and you´ll only be able to style the corresponding element via the Engined setting. However, if you leave the default value set in the Engined control, the equivalent Divi setting will work instead.

In the Footer Bottom background example I used above the default value is #000000 (black) with a 0.32 opacity, both in Divi and in Engined. So if you leave that value untouched in the Engined Footer Bottom background color and Footer Bottom background opacity controls (Engined General Settings > Footer Bottom section), you´ll be able to modify the background using the Divi setting (in Footer > Bottom Bar section). But if you move the Engined settings out of their default values and save your changes, they will take precedence and the equivalent Divi controls will not work.

Be careful because sometimes the Divi preview code can play tricks. For example, if you´ve customized the Main Footer background color with Engined (making it different from the default #222222 dark grey color) and then you try to modify the footer background color again but this time from the Divi setting (in Footer > Layout), your´re going to see the background color changing in the Customizer preview, but the color will revert back to the one set in the Engined control as soon as you leave the Customizer.

So, this is a general rule for settings that exist both in Divi and in Engined: If you want a default Divi setting to work, leave the equivalent Engined setting with its default value (or set it back to it if you´d already modified it).

Engined 2.0 and its Legacy version

As I mentioned before, I´m still offering the previous Engined 1 as a legacy version (to be used with the Divi 2.3 legacy version). If you want a copy of it, go to the Engined Legacy version page.

If you want to use the new Engined 2.0 with the current version of Divi, you can download it here.

Updating Engined

If you´ve used a previous version of Engined and you want to update your site to work with the current version of Divi, you should update Engined manually:

  1. Deactivate Engined by switching your active theme (for example to the parent Divi).
  2. Delete your old version of Engined.
  3. Update Divi.
  4. Download the latest version of Engined.
  5. Install the new version of Engined in your site.
  6. Once you activate Engined, you´ll notice your previous settings will still be there for you.

Luis Alejandre

Luis is the creator of Divi4u and the editor of this blog. You can read more about Luis in his About page. Luis also created and runs the free online WordPress tool WPThemeDetector.
Liked this? Please share it!

52 Comments

  1. Thank you SO much Luis. I’ve followed your directions and am currently try to remember how to fix the things that don’t match after doing this. I made a clone site here: http://chuc.wpstagecoach.com/ and my live site is here: http://capitolhillurbancohousing.org/

    This may not be Engined but I need to get the logo into the nav banner and the slides taller again and the spacing around things correct. I’ll poke around and try to do it myself. I’m mostly writing to thank you. But if you have any quick/easy input that would also be awesome. I won’t move this to live until I get the new version matching the old one.

    THANKS!

    Reply
  2. I’m having trouble uploading the engined_2.0.0.zip in the WP dashboard Plugins install section. Getting this error:
    The package could not be installed. No valid plugins were found.

    Plugin install failed.

    Reply
    • Andrew, I might be wrong and i’m sure Luis will correct me if I am but Engined is a child theme not a plugin so you would need to install it through the appearance setting rather than the plugins.

      I have used the previous version and it was great so a massive thank you Luis, look forward to seeing what you can build into the next version now that the compatibility has been sorted

      Reply
      • Hey, Gareth, it looks like we both answered Andrew at the same time! 🙂

        Thanks.

        Reply
    • Hi, Andrew.

      No wonder you´re having trouble: Engined is a child theme, not a plugin. You should install it as a theme. Maybe you´re used to Divi Children (which is a plugin to create child themes) and that´s why you got confused. Please follow the Engined installation instructions and let me know if you have any problem.

      Reply
      • YES, I thought it was a plugin. Thanks for sorting out my confusion. I just installed it (as a theme, lol) and network activated it. It seems to be working just fine on one of my networked sites. I just figured out how to do multi-site and domain mapping. My how far we’ve come in web design capabilities. Keep up the great work, you’re my Divi Hero (as well as ET of course.)

        Reply
  3. Pretty brave of you putting out a Divi child. As you said “It´s been a crazy mess with all those Divi updates.” – even just trying to keep our OWN child themes working is a chore I despise.

    ET is awfully innovative, and very more helpful in the forums than any company I can think of, but seriously, the whole idea behind a child theme is so you don’t have to fix things every time the main theme updates, and Divi hasn’t worked out that way.

    Reply
  4. Hi,

    How can I change the copyright text in Engined 2.0?

    Reply
    • Easy one, Frank: Open the Customizer and go to Engined General Settings > Footer Credits.

      Reply
      • Hi Luis,

        Thanks for your wonderful child theme! I just went fro 2.3 to 2.5 (divi) and figuring out how to get my website back to normal ;-). I changed the footer back to © 2015 Tanja Ortmans, but there is an | after that. Do you know how I can remove that? And maybe, do you know how I can get my menu (main and sub) back in line? It’s a complete mess. Can I use the customizer to do that as well?

        Thanks in advance! 🙂
        Tanja

        Reply
  5. This is a long shot but in case this is related to Engined I’m posting here. I’ve also opened a ticket with ET. Thanks…

    Just updated a site from Divi 2.3 to 2.5.3 when the new version 2 of the Engined child theme was released. The map worked on the old version. I tested the updates on a dev site and all seemed great. However I failed to notice if the map on the Contact page was there or not before making it live. It’s NOT there! Yikes. I can’t figure out why. It’s still there correctly in the Divi Builder but it just doesn’t display on the front end. I’m hoping this is something simple I’m overlooking. It should be in that big empty white space at the top! http://capitolhillurbancohousing.org/contact/

    I already deactivated ALL plugins and that did NOT fix it. Nor did switching from Engined to Divi. Any thoughts most welcomed. Thanks.

    Reply
    • Hi Sheila.

      Engined does not interfere with the map module at all, so Engined should not have anything to do with it (proof of it is that your issue persists even when you switch your theme). I can´t know what´s going on with that site, but the et_pb_map class is missing a lot of things there should be inside it, like a div with the gm-style class and several other divs inside that one.

      Reply
      • Thanks. I figured. But I was desperate for some help. ET has responded and has my login now. Fingers crossed.

        Reply
  6. Hey Luis, your work looks very promising, however, im using Firefox and the avatars are out of place, they overlap the comments. Does that have anyting to do with your child theme?

    Reply
    • Thanks for the info; I´ll see what´s going on. It shouldn´t have anything to do with the child theme, though.

      Reply
  7. Hey there

    Unfortunately, I can’t find the option so set sidebar width.

    I am using divi 2.5.3

    Can you help me out?

    Thanks in adance

    Reply
    • Hi, Martin.

      In the Customizer, go to General Settings > Layout Settings, click on the USE CUSTOM SIDEBAR WIDTH checkbox and the SIDEBAR WIDTH slider control will appear.

      Reply
      • Got it. Thanks

        However, nothing changes when I pay around with the bar… the sidebar on my blog remains the same..

        could maybe have a look at it?
        http://gymperformance.ch/blog/

        THanks in advance

        Reply
        • Hi again, Martin.

          That setting is for the Main Sidebar, but what you´ve got on that page is a Sidebar Divi module.

          Reply
          • Thanks for your reply.

            Is there any chance to change it as well?

  8. hi there luis,
    i am not sure if this is engined related. im using 2.4.6 and the engined 2.0.0. it been taking me for days deleting extra spaces that is generated whenever i edit the text module then underneath is the blurb module. so when i view and scroll the page, there are extra spaces on top of the text module then a lot of extra spaces after the text module before the blurb.

    this is also happening even in other pages i created. lots of extra spaces. you can view the website http://www.altlink1.com

    thanks in advance luis.

    Reply
  9. Hi Luis,

    many thanks for the plugin & theme,too. I am having a problem. So before going to ET thought of contacting you. If you could help, that would be great.

    1. for more than a year I am using Divi4u plugin to create child theme. Then when engined came, i uninstalled divi4u & then installed engined.

    2. Later on divi 2.5 came & I updated it & uninstalled engined,too. this i had to do 2-3 times. Because I forgot which thing has affected my site.

    3. Now the things are bit messed up. I cannot edit many settings. And if I change paragraph or anything like if I give bullets, the whole things are jammed into 1 big paragraph.

    4. Also, I tried to put Customised css row section & edit the width or color – but it is not responding at all. No changes.

    I know you are busy, but is it possible for you to guide me in any direction?

    Foolishly, I did this on my moneysite. Luckily it is my own site.

    thanks.

    Rajesh

    Reply
  10. luis,
    its kinda weird, i just use my mouse in editing my pages plus deleting those extra spaces and when i view the page, it is already ok and alright. there are no more extra space. i find it weird though.

    i am using a laptop and i can work even without a mouse. i just thought of using the mouse in editing the pages and it work hehehe.

    alright.

    good luck to all of us.

    thanks again for engined.

    Reply
  11. Hello. I’ve been using the Divi 2.5.3 for a few weeks and love my new look. But now along comes the update to 2.5.5 and my animation quits working. I’ve figured out (in hindsight) that I needed a child theme, which I attempted to do but failed. Will installing Engine work for me?

    In the meantime I’ve gone back to 2.5.3 for optimum function.

    Reply
  12. Why is there nowhere in Engined 2.0 to change the background image of the header. Also I turned off the header divider line and shadow and when I turn them back on, they never return. The bugs I’m stumbling on are making me tempted to just return to Divi Child. But thanks for your hard work, it definitely has potential but like a lot of WYSIWYG editors, it leaves some things to be desired.

    Reply
  13. Hey Luis, I don’t know if you remember me from the Divi Group on Facebook but I am having a problem with the 2.0 update. at first I was showing a single line of code that was preventing me from doing some updates so that is why I did update to 2.0 now it seems my whole site has crashed and you can only see weird text. got any solutions?

    Reply
    • If I switch back to the parent theme everything works fine except all of my CSS is gone.

      Reply
  14. Hello Luis I’m not sure if you remember me from the Divi Group on Facebook but I am having problems with the new Child Engine update. I have updated to 2.5 and was having issues with the Child Engine, I came to this site and saw there was an update. I downloaded the update and now while logged in to my WP dashboard. I see some code at the top and while not logged in I see that none of my CSS is displayed. I’m not sure if the code, will make me vulnerable to attacks so I am not comfortable displaying it here but I would be happy to share it with you privately.

    Reply
  15. how is the procedure for to install ENGINED child theme on divi?
    thanks

    Reply
  16. Have uploaded Divi 2.5.9 and Engined 2.0.
    The problem.
    When you grab the bottom right hand corner and squeeze the page to mobile size I notice that under the Divi header the following code shows…

    Warning: Invalid argument supplied for foreach() in /home/soap7rope/public_html/wp-content/themes/engined/divi-children-engine/dce-customizer/dce-kirki/kirki/includes/class-kirki-fonts-font-registry.php on line 265

    Anyone know what the problem is?
    Thanks,
    Rob

    Reply
  17. Minor error in:
    /wp-content/themes/engined/divi-children-engine/dce-customizer/dce-kirki/dce-kirki.php

    Line 50:
    add_action( ‘customize_controls_print_styles’, dce_customizer_styles );

    Should be:
    add_action( ‘customize_controls_print_styles’, ‘dce_customizer_styles’ );

    I have 15 more notices on files under this path with PHP 7.0.2:
    /wp-content/themes/engined/divi-children-engine/dce-customizer/

    WordPress: 4.4.1
    Multisite: with 2 sites
    PHP: 7.0.2
    Latest version of Divi as of today
    Latest version of Engined as of today

    Reply
    • Btw, I used the plugin “Query Monitor” to see them.

      Reply
    • This:
      wp-content/themes/engined/divi-children-engine/dce-customizer/output/general-settings/blog-modules-grid-output.php:121

      if ( ! $display_author AND ! $display_date AND ! $display_categories AND ! $display_comments ) {
      $hide_metadata = true;
      }

      Should probably be replaced by this:
      if ( ! $display_author AND ! $display_date AND ! $display_categories AND ! $display_comments ) {
      $hide_metadata = true;
      }
      else
      {
      $hide_metadata = false;
      }

      Reply
  18. This: wp-content/themes/engined/divi-children-engine/dce-customizer/output/general-settings/footer-bottom-output.php:12

    $dce_output .= ”;

    Should probably be replaced with:
    $dce_output = ”;

    Reply
    • This: wp-content/themes/engined/divi-children-engine/dce-customizer/output/general-settings/main-header-output.php:90

      if ( ‘all’ != $hide_logo_screens ) {

      Should possibly be that or may need to be rewritten:
      if ( isset($hide_logo_screens) && ‘all’ != $hide_logo_screens ) {

      Reply
  19. This: wp-content/themes/engined/divi-children-engine/dce-customizer/output/general-settings/main-header-output.php:31

    if ( ‘all’ != $hide_screens ) {

    Should possibly be that or may need to be rewritten:
    if ( isset($hide_screens) && ‘all’ != $hide_screens ) {

    Reply
  20. This: /wp-content/themes/engined/divi-children-engine/dce-customizer/output.php:59

    $dce_output .= “\n” . ‘‘ . “\n”;

    Should probably be:
    $dce_output = “\n” . ‘‘ . “\n”;

    Reply
  21. I just updated a dev site to Divi 2.6 and it’s awesome. I’m using Engined on the site and have already found one (minor) incompatibility. Thought you’d want to know about it. And wondered when you will have an update to Engined to work with it. There may be other issues but the one I’ve noticed is that the overlays on the blog featured images do not work. I currently have Engined disabled which is how I was able to determine that was the issue. I hope that’s all. Thanks for your great work on this child theme.

    Reply
    • Hi, Sheila.

      The reason why blog overlays don´t work with the new version is simple: Engined had blog overlays (as well as zoom effects) even before Divi 2.4 existed. Engined uses a modified Divi blog module instead of the Divi native blog module, therefore it does not include any new feature added by ET to that module.

      Engined provided a lot of new features that were not previously available in Divi. But now ET is little by little including many of those features (for example, text backgrounds for the sliders have just been added in Divi 2.6, whereas they where available in Engined even before Divi 2.4.

      To tell you the truth, I don´t feel like updating Engined any longer. The reason is that I consider updates as “upgrades”, while in this case they would be something like “downgrades”.

      Reply
      • That makes sense and is reasonable Luis. Thanks for the quick and informative response.

        Reply
  22. Hello Luis,
    Engined 2.0 is compatible with Divi 2.7?

    Reply
    • Hi, Razvan.

      I´m not testing Engined against new Divi versions anymore. Engined was a great child theme that took many months to develop and provided a lot of features not previously available in Divi out of the box. But all the (not backwards compatible) changes ET introduced after Divi 2.4 make it very difficult and tiresome to have it permanently updated to the latest Divi version, because like I said in my reply to Sheila´s comment back in January 26th, I consider updates as “upgrades”, while in this case they would be something like “downgrades”.

      Engined still offers many features not available in Divi, so you may want to try it. It all depends on what particular Engined and Divi customization features you´re planning to use. But you should do it at your own risk.

      Reply
  23. From your last comment Luis I’m assuming when the new Divi comes out any sites using Engined should not be upgraded unless we’re prepared to rebuild w/o Engined. Correct?!

    Reply
    • According to ET, any site that is working alright on Divi 2.7.x should work alright on Divi 3.0 too. But, like I said, it´s at your own risk.

      Reply
  24. Just want to confirm I’ve tested Divi 3 this morning on a clone of an Engined site and it didn’t break anything and works perfectly. YAY TEAM! Way to go!

    Reply
  25. Hello Luis,
    First thank you for your work.
    I Engined test on a new site with Divi 3.0.7.
    My client would like the icon of Youtube down and only Youtube.
    When I’m in the theme customization everything works.
    When I leave the personnnalisation and I go on site, it still shows me other icons (twitter, google +, and RSS)

    You have an idea of the problem?

    thank you in advance

    bruno

    Reply
    • I just found, if it can help someone;)
      Redoing an instalation of another site on my local server

      I had installed Engined having already worked on my website.
      I noticed that default active Divi 4 social networks.

      I passed on the theme Divi. I activated the 4 basic networks.
      I reactivated Engined which recognized the values which I then deleted.

      Everything is back in order.

      Bruno

      Reply
      • Thanks, Bruno. I´m glad you figured that out.

        Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

×

Get the new Divi 3.0... With a special membership discount for our readers! Get a DISCOUNT on Elegant Themes membership