Facebook Like button destroys style
Collapse
X
-
Can you give us a link to that page? -
-
I fixed the problem by changing the code in the facebook_likebutton template. I changed the entire template into this:
HTML Code:<div align="right"><iframe id="fb_likeframe" style="height:25px" src="http://www.facebook.com/plugins/like.php?href={vb:raw href}&layout=standard&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=27" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div>
I used the DIV-tags to align it to the right, and added style="height:25px" to the iFrame to force a height of 25 pixels (which should be okay).Comment
-
-
Mine did the same thing too. I narrowed it down to the vbulletin.css file. It didn't merge the correct information when I did the update to 4.04. This should be in the bottom of the CSS, and when I added it to the vbulletin.css file, everyting aligned correctly:
Code:/* Facebook Section */ label#fb_pulishlabel { font-size: 12px; font-weight: normal; margin-right: 10px; vertical-align: middle; } #fb_likeframe { border: none; overflow: hidden; height: 27px; vertical-align: text-bottom; } #pagetitle #fb_likeframe { float: {vb:stylevar right}; width: 260px; } .blogbit #fb_likeframe { margin-top: 7px; } /* Fix for Facebook Connect rtl scrollbar */ <vb:if condition="$stylevar['textdirection'] == 'rtl'"> #FB_HiddenContainer { left: 0; right: -10000px; <vb:if condition="is_browser('firefox')">display: none;</vb:if> } </vb:if>
Comment
-
Mine did the same thing too. I narrowed it down to the vbulletin.css file. It didn't merge the correct information when I did the update to 4.04. This should be in the bottom of the CSS, and when I added it to the vbulletin.css file, everyting aligned correctly:
Code:/* Facebook Section */ label#fb_pulishlabel { font-size: 12px; font-weight: normal; margin-right: 10px; vertical-align: middle; } #fb_likeframe { border: none; overflow: hidden; height: 27px; vertical-align: text-bottom; } #pagetitle #fb_likeframe { float: {vb:stylevar right}; width: 260px; } .blogbit #fb_likeframe { margin-top: 7px; } /* Fix for Facebook Connect rtl scrollbar */ <vb:if condition="$stylevar['textdirection'] == 'rtl'"> #FB_HiddenContainer { left: 0; right: -10000px; <vb:if condition="is_browser('firefox')">display: none;</vb:if> } </vb:if>
Comment
-
Related Topics
Collapse
-
hello i am trying to add facebook share button just after the first post using following code
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/"...-
Channel: Support Issues & Questions
Wed 27 Apr '16, 9:22pm -
-
by abdallah1991Hi
my vb version is 5.2.5 ,
I want to insert the Facebook comment plugin to every forum thread , Facebook gave me 2 codes blocks :
1- Include the JavaScript SDK on your page once, ideally...-
Channel: Support Issues & Questions
Mon 16 Jan '17, 4:11am -
-
by TheGLForumI am trying to include Facebook Follow Button code in a post and cannot get it to work. For some reason, the geniuses at FB have decided not to simply offer a URL. The code uses an IFRAME and my posts...
-
Channel: vB Cloud Support & Troubleshooting.
Sat 10 Jun '17, 3:31am -
Comment