facebook like block in footer not aligned properly

[hainefaine]

for some reason the facebook logo is not centered inside the rectangle, but slided to the left. i wonder why.

[Scully]

More details required. I posted the exact same questions in one of your other post some hours ago.
Pls follow the forums rules:

• prestashop version
• theme in use
• an URL to your shop if possible

[hainefaine]

 

More details required. I posted the exact same questions in one of your other post some hours ago.

Pls follow the forums rules:

• prestashop version
• theme in use
• an URL to your shop if possible

 

1.6.1.16

default theme

www.hainefaine.eu

[vekia]

its because facebook widget size is 300 while the box width is 330. unfortunately default plugin does not allow to manipulate the width.

an easiest way to make it work as you want:

1. uninstall default block facebook plugin
2. install free facebook likebox 
3. on module configuration page:
   • select option to show it on "homepage" (home hook - there where default facebook like box is)
   • enable option "Facebook library"
   • define the url to your facebook page
   • define the width to 330
   • enable option
4. go to modules > positions and search for hook "home"
5. move "facebook likebox free" module before the "custom cms information block" module: https://i.imgur.com/OetMgvh.png
6. open module file: /modules/likeboxfree/rightcolumn.tpl and replace file contents with these:
   

   {if Configuration::get('lbf_includeapp')==1}
       {literal}
           <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>
       {/literal}
   {/if}
   <div id="facebook_block" class="col-xs-4">
   	<h4 >{l s='Follow us on Facebook' mod='likeboxfree'}</h4>
   <div class="fb-page" data-width="{Configuration::get('lbf_width')}" adapt_container_width="true" data-height="{Configuration::get('lbf_height')}" data-href="{Configuration::get('lbf_url')}" data-small-header="{if Configuration::get('lbf_small_header')==1}true{else}false{/if}" data-hide-cta="{if Configuration::get('lbf_hide_cta')==1}true{else}false{/if}" data-hide-cover="{if Configuration::get('lbf_hide_cover')==1}true{else}false{/if}" data-show-facepile="{if Configuration::get('lbf_show_facepile')==1}true{else}false{/if}" data-show-posts="{if Configuration::get('lbf_show_posts')==1}true{else}false{/if}"><div class="fb-xfbml-parse-ignore"></div></div>
   </div>
   

   
   
    

The effect will be

[hainefaine]

its because facebook widget size is 300 while the box width is 330. unfortunately default plugin does not allow to manipulate the width.

an easiest way to make it work as you want:

1. uninstall default block facebook plugin
2. install free facebook likebox 
3. on module configuration page:
   • select option to show it on "homepage" (home hook - there where default facebook like box is)
   • enable option "Facebook library"
   • define the url to your facebook page
   • define the width to 330
   • enable option
4. go to modules > positions and search for hook "home"
5. move "facebook likebox free" module before the "custom cms information block" module: https://i.imgur.com/OetMgvh.png
6. open module file: /modules/likeboxfree/rightcolumn.tpl and replace file contents with these:

   {if Configuration::get('lbf_includeapp')==1}
       {literal}
           <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>
       {/literal}
   {/if}
   <div id="facebook_block" class="col-xs-4">
   	<h4 >{l s='Follow us on Facebook' mod='likeboxfree'}</h4>
   <div class="fb-page" data-width="{Configuration::get('lbf_width')}" adapt_container_width="true" data-height="{Configuration::get('lbf_height')}" data-href="{Configuration::get('lbf_url')}" data-small-header="{if Configuration::get('lbf_small_header')==1}true{else}false{/if}" data-hide-cta="{if Configuration::get('lbf_hide_cta')==1}true{else}false{/if}" data-hide-cover="{if Configuration::get('lbf_hide_cover')==1}true{else}false{/if}" data-show-facepile="{if Configuration::get('lbf_show_facepile')==1}true{else}false{/if}" data-show-posts="{if Configuration::get('lbf_show_posts')==1}true{else}false{/if}"><div class="fb-xfbml-parse-ignore"></div></div>
   </div>
   

The effect will be

i did all but the result is different...www.hainefaine.eu

 

maybe i did smth wrong....facebook box is in different position

 

EDIT: solved it....thx a lot!

Edited September 3, 2017 by hainefaine (see edit history)