Viewing 30 posts - 1 through 30 (of 33 total)
  • Author
  • #478747

    Hello, I am having problems with the facebook likebox plugin. At some point, I see it does not cover the full width, and I have not been able to find out why. I think this started to happen a few weeks ago when the look and feel of the box changed now showing the image used in the facebook page?
    The problem happens no matter where I use the widget, it could be in one of the sidebars or on ny page content area.
    Please see this screenshot:

    The problem is that it has a fixed width, and when you go to some resolutions or mobile versions, it looks bad to have it as a small square instead of filling up the whole widht. I have also tried changing the height size from pixels to percentage, etc, but no luck. I appreciate your help. Thank you.


    Hey ricaza!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,


    Thank you. Please see the PM with link.
    As you can see, the main page has a left side bar, and you can see the facebook login box in there.



    You can try setting the width to a percentage (for eg. 95% works well with the other sidebar items).

    If you’re having any trouble please provide us with temporary access to your website, so we can take a closer look.



    Hello Dake. Thank you for your reply. As mentioned in my first message, I have also tried changing the height size from pixels to percentage, but no luck. I appreciate your help.



    Sorry about that.

    Please add the below css to your custom css section:

    .av_facebook_widget_wrap {
        width: 95% !important;



    Hello, no luck yet. Please see links in the Private section.



    May we have temporary access to your website to take a closer look?



    Please see Private message.



    I have the same problem…and the problem is the new official facebook api.
    Before of that, i had a full-width section with enfold widget likebox…now is very small aligned left

    I reported the problem in another post but nobody answered me



    Hello Davide. Thank you for sharing that.
    Now that you mention it, I also noticed something different with the like box some weeks ago but I never thought it could be causing the problem.
    So, is there another way to add a like box or something similar?

    I just found this:


    Hello Dake or Rikard, any luck on solving this problem?



    your facebook like box looks good to me now:
    (see private content)
    Could you fix it?

    Let us know if you still need help with this issue.

    Best regards,

    • This reply was modified 4 years, 10 months ago by  Andy.

    No. It does not look as intended. it should be 100% of the sidebar, same width as the banners above it.


    Please see PM


    Also have a look at your own Kriesi like box on this support page. It has the same width probkem. So it is not my site but something about the way the theme handles the new box.



    The likebox width is set to 300px which is the actual width of the sidebar so there’s no issue there. You can generate the likebox widget in the following link then use the scripts on a text widget. Make sure that the “Adapt to plugin container width” option is enabled:


    <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); = id;
      js.src = "//";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-page" data-href="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite=""><a href="">Kriesi</a></blockquote></div></div>

    Refer to this link for more info:



    Hi Ismael I will try that. Could you please see my PM?


    Another thing… I just noticed today something weird. For some reason now some elements are wider. It was ok before, but maybe you were trying things with the facebook box and one of those changes affected them?. I am taking specifically about this:

    1. The active pagination number.
    2. Product images shown in the quick search box.

    Please see images in the Private Content section. I appreciate your help!. Thank you.



    same problem here with the fb likebox widget.
    If I use the the source code in a text box, the width ist ok again! For the duration of this is a viable solution.


    • This reply was modified 4 years, 10 months ago by  JustITde.

    Hello. I have sent 3 messages without any reply in more than a week. I have also sent some important Private Messages. Could you please see the history here? I would appreciate if you could help me solve the problems described in my previous message:

    1. The active pagination number.
    2. Product images shown in the quick search box.

    JustITde: Thank you for sharing that solution on the facebook box problem! I will try it.


    Regarding the problems listed in my previous message, the ones related to pagination and the quick search box, please note that the little arrow on top of the search box has also been altered for some reason. The only changes I have made are CSS related, using the Custom CSS section, but I have tried removing all the CSS code and it still shows these elements incorrectly.
    See screenshot here:

    I have revised the files in the FTP and noticed that “/enfold/js/avia.js” was modified some days ago, (not by me), so I was wondering if you made any change in there?. Just to try I uploaded a backup of that file, but still the same problems.

    I am not creating a new ticket because I beleive these problems arrised as a result of reporting the fecebook like box issue. I appreciate your prompt help. Please see my previous messages. Thank you.



    please send us specific URLs to see what you are showing on your screenshots. We need to inspect the elements. Please clear browser cache and hard refresh a few times and then check again.



    Thank you Andy. Please see the Private Message.



    1. I can’t see any problem with the search box. Please use screenshots to make things clear.

    2. Use this code in Quick CSS field:

    span.ajax_search_image {
    width: 80px !important;

    3. Use this code:

    #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    width: 35px !important;

    Though you are using an old version of the theme, which might cause the issues. Please upgrade to the newest one.

    Best regards,


    Thank you Andy. About number one, I already sent some screenshots in previous messages. Please see the ones from August 7th, and August 14th. I am copying them again in the private message.


    Hi guys,

    because it worked for me, as I said. Here is a screenshot of booth Facebook LIkeboxes.
    On the right side there is the Enfold Facebook Likebox.

    View post on



    Hello JustITde. I was trying your solution but I am not able to fix it. How did you entered the code? Can you put an example on how you did it? Thank you.


    Hi Ricaza,

    I used the code Ismael wrote in #483671.
    Simply use a Text-Widget and past the code there (Adapt it to your needs).

    For me it looks like in the screenshot.



    Please follow the solution we provided above:

    Place the generated code in a text widget. You can generate the fb likebox widget code here:


Viewing 30 posts - 1 through 30 (of 33 total)

The topic ‘Facebook Like Box – Width Problem’ is closed to new replies.