1. LIMITED-TIME OFFER Get 72% OFF our Pro membership & access all our premium Divi plugins, child themes, layout packs & Divi Block.LEARN MORE
This is the support forum for Divi Ultimate Footer Plugin.

To access this support forum, you need to purchase Divi.Help Pro Membership.

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/
Dismiss Notice
NEW Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites.
View All Pro Layout Packs
Dismiss Notice
BEST Divi Block - An online drag & drop tool to easily mix & match 478+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks & 14+ Special Module Design. Newly added Divi Preloader without plugin.
Learn MoreTry Free Version

Solved Footer breaking CSSigniter site

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

  1. matt rosine

    matt rosine New Member

    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.
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support 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

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

     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

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

    matt rosine New Member

    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.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support 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

    Sure, yes OK thanks. I'll will do that now. I'll let you know the outcome.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  8. matt rosine

    matt rosine New Member

  9. matt rosine

    matt rosine New Member

    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support 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

    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.
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  12. matt rosine

    matt rosine New Member

    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

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

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  14. Divi.Help Pro Support

    Divi.Help Pro Support 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

    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:

    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  16. Divi.Help Pro Support

    Divi.Help Pro Support 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

    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:

    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  18. Divi.Help Pro Support

    Divi.Help Pro Support 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

    It did, thank you for all your help
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More