Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #713573

    Hi,

    Is it possible to add plain text at the top bar in both right og left side at the same time?

    Best regards,
    Helle Østergaard

    #713842

    Hey GraphicEyeDK,

    Did you try filling out your text into the Phone Number or small info text field? If that is not what you are looking to do you could try adding a widget area to the header: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Rikard

    #713894

    Hey Rikard,

    Yes, that I already have done and chosen “Display in top bar at the right”. But now I also what to add same text in the left side of the top bar. Is that possible?

    Best regards,
    Helle Østergaard

    #714811

    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

    #715184

    Hi Nikko,

    Here’s the link to the page: http://www.myredbag.dk/forside
    And this is have I want it to look: http://www.myredbag.dk/wp-content/uploads/2016/11/Screenshot_facebook.jpg

    Cheers!
    Helle

    #715839

    Hey!

    Can you post here or in pastebin the facebook code?

    Regards,
    Nikko

    #715855

    What means “pastebin”?

    Best regards,
    Helle

    #715871

    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

    #716727

    Hi,

    I’m not sure which code you are asking for?

    Best regards,
    Helle

    #716741

    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

    #716906

    Hi Nikko (hope it’s you how is replying me),

    The facebook like box I just added in Photoshop to show how I wanted it to look, so there is no code for it. But in another topic (named Social Media icon) I have been recommended this link to generate a code: https://developers.facebook.com/docs/plugins/page-plugin but there have been some problems to make it work. I’m sorry the two topic eventually has come to be about the same issue. Maybe they should be merged.

    Best reagrds,
    Helle

    #717249

    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, 4 months ago by Nikko. Reason: hide website name
    #717252

    Hey Nikko,

    Thank you very, very much. I’m so happy :-). It’s really great now.
    Only thing I want to change now is translating “Like” to danish. Do I just have to change the code: data-action=”like”?

    I am so grateful for all your help.
    Have a nice weekend.

    Best regards,
    Helle

    #717255

    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

    #717413

    Hey Nikko,

    By following your link I could choose danish, generat a code and then see where to change the code you had added. So now it is in danish :-)

    Once more, thank you very much for all your help.

    Regards,
    Helle

    #717428

    Hi Helle,

    You’re very much welcome :)

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Top bar’ is closed to new replies.