Docs

[powrider686]

Hey there,
On my site, seekthetruenorth.com, I’d like to put the footer content, i.e. the “© 2016 TRUE NORTH
POWERED BY BLEND WEB MARKETING” below the social and menu in the footer. How could I achieve that?

At the same time, it would be great to add a bit more spacing, so that everything in the footer is spaced eqaully. How might I achieve that?

Thanks for the help!

[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 copy the file wp-footer.php from /wp-content/themes/x/framework/views/icon and add it in /wp-content/themes/x-child/framework/views/icon then replace the code in the file to this:

<?php

// =============================================================================
// VIEWS/ICON/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Icon.
// =============================================================================

?>

  <?php x_get_view( 'global', '_header', 'widget-areas' ); ?>
  <?php x_get_view( 'global', '_footer', 'scroll-top' ); ?>
  <?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_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>
    </footer>

  <?php endif; ?>

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

Hope this helps.

[powrider686]

That did the trick! Thank you!

One more question about that: How could I add a bit more spacing in between the Copyright text and the Powered by Text? I’d like to make it the same as the spacing of the other footer items.

Thank you!

[Rupok]

Hi there,

Thanks for wriitng back. You can add this under Custom > CSS in the Customizer.

.x-colophon-content > p {
  margin-top: 10px;
}

Cheers!

[powrider686]

That didn’t seem to do anything… Any other ideas?

[Rahul]

Hey There,

Thanks for writing back!

Please add this CSS at Appereance > Customizer > Custom > CSS :

.x-colophon.bottom .x-colophon-content {
   line-height: 3;
}

Hope this helps!

[Author]

Posts