Div ID footer

[MattieM]

Hi,

I working with an infinite scrolling widget. To stop overlapping to footer menu in need to add the ‘Div ID’ of the footer.
I found out that i can add ID’s to sections but can’t figure out how to do this for the footer.

Thanks!

Mathieu

[thai]

Hi Mathieu,

You have to setup a child theme first:

After that copy the x/framework/legacy/cranium/footers/views/global/_footer-widget-areas.php file to the child theme in the same directory(if they’re not existed, you have to create them):

<?php

// =============================================================================
// VIEWS/GLOBAL/_FOOTER-WIDGET-AREAS.PHP
// -----------------------------------------------------------------------------
// Outputs the widget areas for the footer.
// =============================================================================

$n = x_get_option( 'x_footer_widget_areas' );

?>

<?php if ( $n != 0 ) : ?>

  <footer id="x_colophon_top" class="x-colophon top">
    <div class="x-container max width">

      <?php

      $i = 0; while ( $i < $n ) : $i++;

        $last = ( $i == $n ) ? ' last' : '';

        echo '<div class="x-column x-md x-1-' . $n . $last . '">';
          dynamic_sidebar( 'footer-' . $i );
        echo '</div>';

      endwhile;

      ?>

    </div>
  </footer>

<?php endif; ?>

For more information, please take a look at this article:

Best Practices | Themeco Docs

Hope it helps

[MattieM]

Works perferct, thank you very much!

[friech]

You’re more than welcome, glad we could help.

Cheers!