Position footer widget to be next to Footer Menu/Social/Content

Support
#1

I placed text for a twitter feed into the html of a widget and enabled one footer widget. As the screenshot shows, the widget is positioned above the footer area. How do I move it down to be adjacent to the other footer elements and placed where the “X” is on the screenshot?

#2

Hello There,

Thanks for posting in this information. It maybe possible to move the location of your twitter feed using css, regretfully it will create issues as well in some of the screen sizes.

I would suggest that you install a child theme and modify the footer by placing the code within your footer template instead. Assuming that you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/RENEW/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Renew.
// =============================================================================

?>

  <?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">

        <div class="x-column x-1-3">

          <p>place the twitter feed code here</p>

          
        </div>

        <div class="x-column x-2-3">

          <?php if ( x_get_option( 'x_footer_social_display' ) == '1' ) : ?>
            <?php x_social_global(); ?>
          <?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_content_display' ) == '1' ) : ?>
            <div class="x-colophon-content">
              <?php echo do_shortcode( x_get_option( 'x_footer_content' ) ); ?>
            </div>
          <?php endif; ?>

        </div>

      </div>
    </footer>

  <?php endif; ?>

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

3] Save the file named as wp-footer.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/legacy/cranium/footers/views/renew/

You will have to create the directory folders since this does not exist in your child theme at the moment.

Please let us know how it goes.

#3

Thank you for that. I tried it, but it completely removed the footer entirely. When I removed the file the footer came back. Am I supposed to change anything else?

#4

Hi There,

No, you just need to create that file (wp-footer.php), I think you did not able to copy the given code entirely.

Make sure you copy it from the top line: <?php

To the bottom line: <?php x_get_view( 'global', '_footer' ); ?>

Then clear your caching plugin (if you have any) and your browser’s cache, before you preview the page.

Thanks,

#5

Re-checked. I copied the whole file. The footer completely disappears on every page.

#6

Hello There,

Could you please post the contents of your wp-footer.php file that you have added in your next reply? We want to check the tags and if you have inserted the correct one.

Please let us know how it goes.