1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fanpage likes under logo

Discussion in 'Styling and Customization Questions' started by doli, Feb 8, 2012.

  1. doli

    doli New Member

    Hi,
    I'm trying to add facebook Like - Count button under my forum logo.
    I expermineted with templates and firebug and managed to set it up correctly.

    Added this code below my logo:
    HTML:
    <div class="fb-like" data-href="https://www.facebook.com/pages/pececikcom/271379252930655" data-send="false" data-layout="button_count" data-width="125" data-show-faces="true" style="padding-left: 86px; line-height: 0;"></div>
    Now when I refresh my site and look into code I see that xenforo added some additional classes for this element and it looks like this:
    HTML:
    class="fb-like fb_edge_widget_with_comment fb_iframe_widget"
    Is this some javascript changing it? How can I fix it ? (you can check it on my dev site: dev.pececik.com/forum) as these additional classes crash my header layout :/
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I don't have this problem on my forum. When I add your code to the templates it shows unchanged in the source code.

    Your dev site requires a login. I can't access it.
     
  3. doli

    doli New Member

    Sorry it's test/test.
    It's funny, when I add it via firebug it works fine, when I add it in templates it adds these classes.
    Do you have facebook applications setup on your xenforo ?
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I see this in your source code:

    Code:
                            <div class="fb-like" data-href="https://www.facebook.com/pages/pececikcom/271379252930655" data-send="false" data-layout="button_count" data-width="125" data-show-faces="true" style="padding-left: 86px; line-height: 0;"></div>
    
    No extra classes.

    I do not.
     
  5. doli

    doli New Member

    Yep, check it in firebug, when I view source code it's 'fb-like' only. In firebug it looks like these classess are added by browser (I'm just learning but looks like some browser script adds it)
     

Share This Page