Docs

[Lorie]

Hi ~ It seems like this should be easy but I can’t find an answer that works. I want to add my social icons to the top footer – the ones that link to FB and Youtube -but I can’t figure it out. I’ve added them in the customizer, but I don’t want them in the bottom footer. Please scroll down and see what I’m trying to accomplish. I love the way the SHARE icons look and would like something similar: http://academyofthehorse.com/

Thanks in advance!

[fabiofava]

I would like to create some sponsors icons on my header, using same image size and colors of social icons on the right side – I use Integrity Light. I would like to know the easiest, non-coder way, to do that. I think about a simple HTML table placed on my header area on Customizer… But first need to discover what image size and color for the Social Icons, so they appear alike. Any help on that?

[Joao]

@Lorie

Hi Lorie,

Thanks for writing in!

You will be able to do that by adding your social icons to your top footer widget.

So on Customizer / Footer , Please turn on a footer widget area. You can turn one just one widget area

To have X social icons in your footer widget, please turn off first the social icon in your footer. You can do that by going to Appearance > Customize > Footer > Footer Social. Then in your text widget, you can insert the following shortcode:
[x_share title=”” facebook=”true” youtube=”true”]

If you dont like the lines above and below the Icons, please add the following code to your Customizer / CSS

.x-entry-share {

border: none;

}

.widget:before {

height: 0px; }

Hope that helps,

Joao

[Joao]

@fabiofava

Hi Fabio,

Please open a new thread so we can better assist you with your issue.

Thanks,

Joao

[Lorie]

Hi there ~

I do like the lines and I added the shortcode but the icons are miniature. Please see at the bottom of the page on the right:

http://academyofthehorse.com/

Thanks.

[Rue Nel]

Hello @Lorie,

Sorry for the confusion. The one we have suggested is the social share buttons and it doesn’t have a link to your social network profile such as Facebook and Youtube. Please disregard our previous suggestion.

In the customizer, there is a section where you can insert a link to your social network profile. Please go to Appearance > Customize > Social. Please make sure to insert your profile links. Leaving it blank will not display the icon.

And then please go to Appearance > Customize > Footer and enable the “Footer Social” option. The footer social icons will display under your menu.

If you want to switch the position and would like the social icons first then your menu, 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/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 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/integrity/

Please let us know if this works out for you.

[Lorie]

Thank you so much. However, what I’d really like is to add the social media icons in the footer above in the third content area similar to what I did on this site: http://www.laurentrantham.com/ where it says Follow Lauren Is that possible?

Thank you so much for your time.

[Rupok]

Hi there,

Thanks for updating. To use social icon in that position, you can use the Footer widget areas. Let’s use a Text widget and place your HTML there.

Cheers!

[Author]

Posts