[fullframenwParticipant]

Hi! I am interested in adding a logo in the footer of my website. I want to be able to adjust the size of the logo and also the padding around the logo. Right below the logo will be text so I want to make sure there isn’t a large space following the image. Can you help me? Thank you!

[fullframenwParticipant]

This reply has been marked as private.

[fullframenwParticipant]

I imagine it will look something like this:

Logo
Business Address
Contact Info

[FriechModerator]

Hi There,

Thanks for writing in! You can add the HTML below on your Customizer > Footer > Footer Content

<img class="footer-logo mbm" style="width: 100px;" src="LOGO IMAGE URL HERE" alt="logo" title="logo" />
<p>Business Address</p>
<p>Contact Info</p>

Hope it helps, Cheers!

[fullframenwParticipant]

Hey thanks! Is there a way to adjust the size and color of the font, add line breaks between address and contact, as well as put the social icons before the copyright notice?

[Rue NelModerator]

Hello There,

To adjust the size and color of the font, please update the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.bottom .x-colophon-content {
  color: #ffffff;
  font-size: 16px;
}

To add line breaks bet ween the address and contact, you can make use of this code;

.x-colophon.bottom .x-colophon-content p{
  margin-bottom: 15px;
}

And regretfully you can not place the social icons before the copyright because the copyright notice and your address/contact is within the same container. You can however move the social icons above the whole information details. Since 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/ETHOS/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Ethos.
// =============================================================================

?>

  <?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' ); ?>

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/views/ethos/

Please let us know if this works out for you.

[Author]

Posts