1. HOT 2019 Cyber Monday Bundle Sales @ Divi.Help - 72% OFF: https://black-friday-2019.diviultimate.com/
This is the support forum for Divi Ultimate Footer Plugin.

To access this support forum, you need to purchase Divi Ultimate Footer Plugin.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Footer breaking CSSigniter site

Discussion in 'Basic Support Forum' started by matt rosine, Nov 22, 2019.

  1. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi,

    I'm trying to use the footer plugin on a CSSIgniter theme, using the Divi Builder. When I select a footer, the site breaks as can be seen here:

    https://www.500quid.com/recruitment/

    I have contacted the theme support who can't isolate the problem. We temporarily activated a different theme and the same thing happened. I'd really like to be able to use the footer plugin here, any help is appreciated, thanks.
     
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Our plugins are tested to work with Divi theme only. Based on the look of it, it might be a bug in Divi Builder plugin with injected elements.

    For a quick fix, try the below code in Divi > Theme Options > Integration > Body Code:
    Code:
    <script>
        jQuery(function($){
            $('.free-du-plugin-footer').attr('id', 'et-boc');
        });
    </script>
    As to hide your original footer, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    footer {
        display: none!important;
    }
     
  3. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    hi - see image. I dont have a Divi > Theme Options > Integration > Body Code

     

    Attached Files:

  4. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Perhaps the Theme Options is the Plugin Options for the Divi Builder plugin.
     
  5. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Tried that - there is no where to add code in in the Plugin options.

    I'm just using the Divi Builder, as opposed to the Divi theme obviously because I'm using the Speciality CSSIgnitor theme.
     
  6. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Then you will need to check with your theme developer where to add custom jQuery code.
     
  7. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Sure, yes OK thanks. I'll will do that now. I'll let you know the outcome.
     
  8. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

  9. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

  10. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Cause it doesn't have enough spacing above. Try the CSS below:
    Code:
    .main {
        padding-bottom: 85px!important;
    }
     
  11. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    OK - so the footer has broken again. I updated WP, the Insert Header & Footer plugin as well as the Divi Builder, and now the code you gave me above doesn't work:

    <script>
    jQuery(function($){
    $('.free-du-plugin-footer').attr('id', 'et-boc');
    });
    </script>

    I have tried deactivating and reactivating differnet plugins, and nothing I do will make the footer work. Could you help? Thank you.
     
  12. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I'm trying different header/footer insert code plugins to see if that works, and nothing is working.
     
  13. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I am getting this message on the bottom right of the page editor if that makes a difference...
     

    Attached Files:

  14. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try to add the below code as well:
    Code:
    <script>
        jQuery(function($){
            $('.free-du-plugin-footer').wrapInner('<div class="et-l"></div>');
        });
    </script>
     
  15. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    OK that extra code makes the footer work, thank you. However, it seems as tho the footer plugin is breaking the page editor. See image. When I deactivate the footer plugin, it reappears.
     

    Attached Files:

  16. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    For that, you will need to remove some code in the plugin file (since this plugin is only made to work with Divi theme).

    Go to WP Admin > Plugins > Plugin Editor > Divi Ultimate Footer Plugin & delete the highlighted text (shown in the screenshot below) & click Update File

    upload_2019-11-23_22-56-6.png
     
  17. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That worked, thank you. When I got to a normal page, I can edit it with the Divi wireframe builder. However - how do I edit the footer now? When I got to DU Footer Library, and edit the footer I want to use, it just does this: (see photo)
     

    Attached Files:

  18. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try to go to WP Admin > Settings > Permalinks & click save. And then see if it works.
     
  19. matt rosine

    matt rosine New Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    It did, thank you for all your help
     

Recommended Divi Hosting