Top bar

Hi!

I think that would be possible by using custom js scripts, can you post the link to the page mentioned? and can you tell us what you need to duplicate and put on the other end?

Cheers!
Nikko

Hey!

Can you post here or in pastebin the facebook code?

Regards,
Nikko

Hey!

It’s just an online paste tool where you can paste in your code, we usually use it when posting long codes. Here is the link to pastebin: http://pastebin.com/index.php

Best regards,
Nikko

Hi!

The one in the screenshot you provided has the facebook button, which I think is generated by some facebook code. This is the code I’d like to give but might need to be modified a bit to make it run smoothly when some codes are added but if it’s just html text then it won’t have any problem. Just add this to functions.php:

function add_custom_header_script(){
?>
<script type="text/javascript">
(function($){
	function insert_to_header() {
		jQuery("<span>Your Code Here</span>").insertAfter(jQuery("#header_meta").find(".social_bookmarks"));
	}

	insert_to_header();
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_custom_header_script');

Just replace Your Code Here, if you’re not sure just post the facebook code and I’ll adjust the script based on that.

Cheers!
Nikko

Hey Helle,

Yes, it’s me who’s replying :)

I have added this code in header.php after the < body > tag:

<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

And have added this code in functions.php:

function add_custom_header_script(){
?>
<script type="text/javascript">
(function($){
	function insert_to_header() {
		jQuery('<div class="fb-like" data-href="https://facebook.com/mywebsite.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>').insertAfter(jQuery("#header_meta").find(".social_bookmarks"));
	}

	insert_to_header();
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_custom_header_script');

I have added this style to Quick CSS (located in Enfold > General Styling):

#header_meta .fb-like.fb_iframe_widget {
    margin-left: 10px;
}

I have checked it and it seems to be good. Let us know your feedback :)

Regards,
Nikko

• This reply was modified 7 years, 11 months ago by Nikko. Reason: hide website name

Hey!

You’re welcome, I’m not really sure about that since facebook description is this:
The verb to display on the button. Can be either like or recommend
For more information refer to this https://developers.facebook.com/docs/plugins/like-button but maybe it’s worth a try :)

I apologize for some of the delays but we’d like to thank you for using Enfold and for your patience :)

Regards,
Nikko

Hi Helle,

You’re very much welcome :)

Best regards,
Nikko