Docs

[williamscreativegroup]

Hi there,

I’d like to move the footer content (.x-colophon-content) below the widget area that contains locations in my footer. What sort of CSS should I use to achieve this?

My website’s URL is bwor.williamscreativegroup.com.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

footer.x-colophon.top p {
    padding-top: 0 !important;
}

Thanks.

[williamscreativegroup]

This was a big help – thanks!

But now things are out of order. It should go: menu, locations, footer content.

I can’t figure out how to flip the locations and menu.

[Rupok]

Hi there,

Would you add a screenshot and clarify what else you are trying to achieve?

Thanks!

[williamscreativegroup]

Of course! The middle section (home, services, attorneys & the social icons) should be at the top where the information about locations currently is.

[Jade]

HI there,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Then login through FTP and copy the file wp-footer.php from /wp-content/themes/x/framework/views/integrity/wp-footer.php and place it in /wp-content/themes/x-child/framework/views/integrity/wp-footer.php. Edit the file and replace its content to:

<?php

// =============================================================================
// VIEWS/INTEGRITY/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Integrity.
// =============================================================================

?>

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

  <?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 x_get_view( 'global', '_footer', 'widget-areas' ); ?>

        <?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 this helps.

[Author]

Posts