Moving footer context to the bottom of the footer

Support
#1

Hey Guys,

There is another thread about this and I followed the steps but no luck. This is what I have done so far (I am using the ethos stack):

I copied wp-footer from the following folder from X Theme:
\x\framework\legacy\cranium\footers\views\ethos

Created the same file path on child theme:
\x-child\framework\legacy\cranium\footers\views\ethos

Then I replaced with the following (even though it looks exactly like what was already in the file)

?>

<?php x_get_view( 'global', '_footer', 'widget-areas' ); ?>

<?php if ( x_get_option( 'x_footer_bottom_display' ) == '1' ) : ?>

<footer class="x-colophon bottom" role="contentinfo">
  <div class="x-container max width">
      
     <?php if ( x_get_option( 'x_footer_content_display' ) == '1' ) : ?>
      <div class="x-colophon-content">
        <?php echo do_shortcode( x_get_option( 'x_footer_content' ) ); ?>
      </div>
    <?php endif; ?>

    <?php if ( x_get_option( 'x_footer_menu_display' ) == '1' ) : ?>
      <?php x_get_view( 'global', '_nav', 'footer' ); ?>
    <?php endif; ?>

    <?php if ( x_get_option( 'x_footer_social_display' ) == '1' ) : ?>
      <?php x_social_global(); ?>
    <?php endif; ?>

 

  </div>
</footer>

<?php endif; ?>

<?php x_get_view( 'global', '_footer' ); ?>

My site is www.consultparv.com, thanks for your help.

#2

Hi There,

Please copy the following code to your file instead:

<?php

// =============================================================================
// VIEWS/ETHOS/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Ethos.
// =============================================================================

?>

  <?php x_get_view( 'global', '_footer', 'widget-areas' ); ?>

  <?php if ( x_get_option( 'x_footer_bottom_display' ) == '1' ) : ?>

    <footer class="x-colophon bottom" role="contentinfo">
      <div class="x-container max width">

       

        <?php if ( x_get_option( 'x_footer_menu_display' ) == '1' ) : ?>
          <?php x_get_view( 'global', '_nav', 'footer' ); ?>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_social_display' ) == '1' ) : ?>
          <?php x_social_global(); ?>
        <?php endif; ?>
          
           <?php if ( x_get_option( 'x_footer_content_display' ) == '1' ) : ?>
          <div class="x-colophon-content">
            <?php echo do_shortcode( x_get_option( 'x_footer_content' ) ); ?>
          </div>
        <?php endif; ?>

      </div>
    </footer>

  <?php endif; ?>

<?php x_get_view( 'global', '_footer' ); ?>

Hope it helps!

#3

Hey Joao,

It worked but there is no space between my social icons and footer context, can you help me correct this? Thanks a lot for your help.

#4

Hello There,

To correct this, we will need to add a top margin to the footer content. Please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon.bottom .x-colophon-content {
    margin-top: 30px;
}

Feel free to adjust the margin if necessary.

#5

Perfect, problem solved, thanks a lot guys :smile:

#6

You’re welcome!
Thanks for letting us know that it has worked for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.