Errors after X/Cornerstone updates

JacobNFerguson · November 7, 2019, 12:46am

Hi, I had a few problems after updating Cornerstone and not X, but after updating X as well most of them went away… so that’s why I’ve been deleting/editing this question. Problems remaining are:

(1) The social icons in the footer, they are no longer showing. I tried re-entering them in Options to no avail.
(2) When the FAQ boxes are opened I can’t scroll to the very bottom of the page, it gets cut off. I think that’s only manifested like that after the updates.
(3) Same with the contact submit button, it’s slightly off center to the left, which is weird because all settings in Contact style are default. I think this happened after the update as well.

Sorry to throw 3 at you, and thanks for any help.

christian · November 7, 2019, 2:05pm

Hey Jacob,

1. It looks like you have customized the icons. You will need to update them. The instruction was provided in our past Release Notes. Please read the answer to Why are some of my icons are appearing as an empty square? here: https://theme.co/apex/forum/t/release-notes-pro-2-2-x-6-2-cornerstone-3-2/38234

The update should look like this:

2. I tracked down the issue and it’s coming from our Smooth Scroll plugin. I’m sorry I currently don’t understand the exact cause but for now, you need to uninstall our plugin. Once I figured why this is happening, I’ll post this in our issue tracker so this will be lined up for investigation by our development team.

3. The Contact Form 7 button is slightly off-center because of the Ajax Loader area.

Once you submit the form, that’s the place where the loader icon will show up.

Hope that helps.

JacobNFerguson · November 7, 2019, 2:48pm

Awesome help, thanks. Fixed most of it…

The YouTube icon is still not showing though. I edited the very simple code in my theme’s php file, just like Facebook and Twitter. Still not working for YouTube though.
I don’t know if this will help you diagnose it, but I noticed that when I updated the Smooth Scroll plugin (along with X and Cornerstone after not working on the site for a while) that there was a new “feature” built into Smooth Scroll… when the user is smooth scrolling and finally reaches the very bottom or top of the page, the smooth scroll will start to decelerate in speed as it gets closer.
So should I just pad this in Contact Style if I want to center it?

ruenel · November 7, 2019, 10:07pm

Hello Jacob,

Your custom social function code in the child theme’s functions.php file needs to be updated. Please use this code instead:

// Social Output
// =============================================================================

if ( ! function_exists( 'x_social_global' ) ) :
  function x_social_global() {

    $facebook    = x_get_option( 'x_social_facebook' );
    $twitter     = x_get_option( 'x_social_twitter' );
    $google_plus = x_get_option( 'x_social_googleplus' );
    $linkedin    = x_get_option( 'x_social_linkedin' );
    $xing        = x_get_option( 'x_social_xing' );
    $foursquare  = x_get_option( 'x_social_foursquare' );
    $youtube     = x_get_option( 'x_social_youtube' );
    $vimeo       = x_get_option( 'x_social_vimeo' );
    $instagram   = x_get_option( 'x_social_instagram' );
    $pinterest   = x_get_option( 'x_social_pinterest' );
    $dribbble    = x_get_option( 'x_social_dribbble' );
    $flickr      = x_get_option( 'x_social_flickr' );
    $github      = x_get_option( 'x_social_github' );
    $behance     = x_get_option( 'x_social_behance' );
    $tumblr      = x_get_option( 'x_social_tumblr' );
    $whatsapp    = x_get_option( 'x_social_whatsapp' );
    $soundcloud  = x_get_option( 'x_social_soundcloud' );
    $rss         = x_get_option( 'x_social_rss' );

    $target_blank = x_output_target_blank( false );

    $output = '<div class="x-social-global">';

      $output = apply_filters( 'x_social_global_before', $output );

      if ( $facebook )    : $output .= '<a href="' . $facebook    . '" class="facebook" title="Facebook" ' . $target_blank . '><i class="x-icon-facebook-square" data-x-icon-b="&#xf082;" aria-hidden="true"></i></a>'; endif;
      if ( $twitter )     : $output .= '<a href="' . $twitter     . '" class="twitter" title="Twitter" ' . $target_blank . '><i class="x-icon-twitter-square" data-x-icon-b="&#xf081;" aria-hidden="true"></i></a>'; endif;
      if ( $google_plus ) : $output .= '<a href="' . $google_plus . '" class="google-plus" title="Google+" ' . $target_blank . '><i class="x-icon-google-plus-square" data-x-icon-b="&#xf0d4;" aria-hidden="true"></i></a>'; endif;
      if ( $linkedin )    : $output .= '<a href="' . $linkedin    . '" class="linkedin" title="LinkedIn" ' . $target_blank . '><i class="x-icon-linkedin-square" data-x-icon-b="&#xf08c;" aria-hidden="true"></i></a>'; endif;
      if ( $xing )        : $output .= '<a href="' . $xing        . '" class="xing" title="XING" ' . $target_blank . '><i class="x-icon-xing-square" data-x-icon-b="&#xf169;" aria-hidden="true"></i></a>'; endif;
      if ( $foursquare )  : $output .= '<a href="' . $foursquare  . '" class="foursquare" title="Foursquare" ' . $target_blank . '><i class="x-icon-foursquare" data-x-icon-b="&#xf180;" aria-hidden="true"></i></a>'; endif;
      if ( $youtube )     : $output .= '<a href="' . $youtube     . '" class="youtube" title="YouTube" ' . $target_blank . '><i class="x-icon-youtube-square" data-x-icon-b="&#xf431;" aria-hidden="true"></i></a>'; endif;
      if ( $vimeo )       : $output .= '<a href="' . $vimeo       . '" class="vimeo" title="Vimeo" ' . $target_blank . '><i class="x-icon-vimeo-square" data-x-icon-b="&#xf194;" aria-hidden="true"></i></a>'; endif;
      if ( $instagram )   : $output .= '<a href="' . $instagram   . '" class="instagram" title="Instagram" ' . $target_blank . '><i class="x-icon-instagram" data-x-icon-b="&#xf16d;" aria-hidden="true"></i></a>'; endif;
      if ( $pinterest )   : $output .= '<a href="' . $pinterest   . '" class="pinterest" title="Pinterest" ' . $target_blank . '><i class="x-icon-pinterest-square" data-x-icon-b="&#xf0d3;" aria-hidden="true"></i></a>'; endif;
      if ( $dribbble )    : $output .= '<a href="' . $dribbble    . '" class="dribbble" title="Dribbble" ' . $target_blank . '><i class="x-icon-dribbble" data-x-icon-b="&#xf17d;" aria-hidden="true"></i></a>'; endif;
      if ( $flickr )      : $output .= '<a href="' . $flickr      . '" class="flickr" title="Flickr" ' . $target_blank . '><i class="x-icon-flickr" data-x-icon-b="&#xf16e;" aria-hidden="true"></i></a>'; endif;
      if ( $github )      : $output .= '<a href="' . $github      . '" class="github" title="GitHub" ' . $target_blank . '><i class="x-icon-github-square" data-x-icon-b="&#xf092;" aria-hidden="true"></i></a>'; endif;
      if ( $behance )     : $output .= '<a href="' . $behance     . '" class="behance" title="Behance" ' . $target_blank . '><i class="x-icon-behance-square" data-x-icon-b="&#xf1b5;" aria-hidden="true"></i></a>'; endif;
      if ( $tumblr )      : $output .= '<a href="' . $tumblr      . '" class="tumblr" title="Tumblr" ' . $target_blank . '><i class="x-icon-tumblr-square" data-x-icon-b="&#xf174;" aria-hidden="true"></i></a>'; endif;
      if ( $whatsapp )    : $output .= '<a href="' . $whatsapp    . '" class="whatsapp" title="Whatsapp" ' . $target_blank . '><i class="x-icon-whatsapp" data-x-icon-b="&#xf232;" aria-hidden="true"></i></a>'; endif;
      if ( $soundcloud )  : $output .= '<a href="' . $soundcloud  . '" class="soundcloud" title="SoundCloud" ' . $target_blank . '><i class="x-icon-soundcloud" data-x-icon-b="&#xf1be;" aria-hidden="true"></i></a>'; endif;
      if ( $rss )         : $output .= '<a href="' . $rss         . '" class="rss" title="RSS" ' . $target_blank . '><i class="x-icon-rss-square" data-x-icon-s="&#xf143;" aria-hidden="true"></i></a>'; endif;
        if ( $bandmix )         : $output .= '<a href="https://www.bandmix.com/a-free-mankind/" class="bandmix" title="BandMix" target="_blank"><img src="http://afreemankind.com/wp-content/uploads/2017/12/BandMix-Footer-Icon-2.png" alt="placeholder"> </a>'; endif;
        if ( $kompoz )         : $output .= '<a href="https://www.kompoz.com/music/artist/AFreeMankind" class="kompoz" title="Kompoz" target="_blank"><img src="http://afreemankind.com/wp-content/uploads/2017/12/Kompoz-Footer-Icon-4.png" alt="placeholder"> </a>'; endif;
        if ( $indiegogo )         : $output .= '<a href="https://www.indiegogo.com/projects/a-free-mankind-the-music-of-the-free-world-band#/" class="indiegogo" title="Indiegogo" target="_blank"><img src="http://afreemankind.com/wp-content/uploads/2018/02/Indiegogo-Footer-Icon-3.png" alt="placeholder"> </a>'; endif;

     

    $output .= '</div>';

    echo $output;

  }
endif;

And to center your submit button, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.wpcf7 .ajax-loader {
    margin-right: -32px !important;
}

Hope this helps. Please let us know how it goes.

JacobNFerguson · November 7, 2019, 11:20pm

All fixed.

You all have the best support of any entity I’ve ever dealt with in my life. So curious as to what it is your company does differently than everybody…

ruenel · November 8, 2019, 4:41am

Hey Jacob,

Thanks for the very kind words. If there is anything else we can help you with, please do not hesitate to open another thread.

Best Regards.

JacobNFerguson · November 8, 2019, 1:15pm

Seriously though, I would read like a whitepaper on it. If I could install a mouthpiece, like what Themeco has, into the things that I build… that would be a great thing. If there are any resources online to read about it, I’d love to check them out.

rad · November 9, 2019, 10:18am

Hi Jacob,

The resources are only available through our knowledge base and our youtube channel https://bit.ly/32uP55L. As for knowledge base, there will be more sooner

I like also to add the customization you did, it’s called pluggable function in which you can copy from \framework\functions\frontend\. Any function that contains a block of this are pluggable functions.

if ( ! function_exists( 'function_name_here' ) ) : 
.........
.......
...
..
endif;

Those functions are the one that you can copy and paste to child theme’s functions.php along with your customization.

Another kind of customization is template customization which you usually copy a template file from parent theme into the child theme, like single.php and so on. Please note that you can’t do this on a function file (pluggable functions) and copy the file.

Thanks!

JacobNFerguson · November 9, 2019, 5:20pm

Awesome thanks, I didn’t even know you all had a YouTube channel. As for the pluggable functions you mention above, I must be honest… that’s all over my head. I don’t even know what it means. I already tread extremely cautiously when modifying functions.php because I don’t even know how to code. Only reason I have an awesome looking site is because of X Theme and the stellar support. So thanks again…

rad · November 9, 2019, 8:37pm

You’re most welcome! We’re glad we could always help. Cheers!

system · November 19, 2019, 8:38pm

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.