Adding a Facebook LIKE button/icon to small bar above logo area?

Hey Moondreamer21,
Try adding another social icon called “thumbs-up” from fontello.com

You can then create any link for it.
Here’s how to add custom social icons

Best regards,
Mike

Hi,
Thanks for the login, I took a look at the code in your functions.php and see that your code may will need adjusting because you are using “icon_name” and “Icon Label” to name your custom icon. What would you like to call it when you are selecting it in the builder. “thumbs-up”?
As for downloading it, after selecting it did you click the big red button in the top-right side?

This gives me a zip file, if this doesn’t work for you I will be happy to get it for you, which thumbs-up did you want?
Once you have the zip file you will want to ensure that your functions.php icon name is the same as the css file in the zip file, I can also check this for you.

Best regards,
Mike

Hi,
I corrected the code in your functions.php, so you can add the “thumbs-up” next to your social icons at:
Enfold Theme Options > Social Profiles > Your social profiles
But I thought that we could add a link to the icon to create the “Like” feature, but as I search I don’t see that the “Like” can be a url, it seems that it must be a script.
So, I added the script for you and placed it next to the other social icons, unfortunately it must be the blue FB button. I hope this is ok.

This is how I added it:
I added the FB script to a custom html widget in your “header” widget area:

<div class="fb-like" data-href="http://www.facebook.com/your-fb-page" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>

then I moved it next to your social icons with this function in your functions.php:

function custom_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery( "#custom_html-4" ).appendTo( ".social_bookmarks" );
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'custom_script');

and made some minor adjustments with this css in your Quick CSS:

#custom_html-4.widget {
    width: 50px !important; 
    padding: 15px 0 !important; 
    display: inline-block !important; 
}

Best regards,
Mike

Hi,
Ok, I added “float: left;” to the icon, Please clear your browser cache and check.

Best regards,
Mike