Viewing 30 posts - 1 through 30 (of 33 total)
  • Author
    Posts
  • #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: https://www.dropbox.com/s/afeuvtktiqtv5z0/Screenshot%202015-07-26%2009.48.40.png?dl=0

    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.

    #478971

    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,
    Rikard

    #479091

    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.

    #481068

    Hi!

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

    http://i.imgur.com/aOo4KYV.png

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

    Cheers!
    Dake

    #481078

    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.

    #481083

    Hi!

    Sorry about that.

    Please add the below css to your custom css section:

    .av_facebook_widget_wrap {
        width: 95% !important;
    }

    Regards,
    Dake

    #481087

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

    #481091

    Hi!

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

    Regards,
    Dake

    #481095

    Please see Private message.

    #481160

    Hi

    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

    Thanks

    #481308

    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: https://developers.facebook.com/docs/plugins/like-box-for-pages

    #481730

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

    #483190

    Hey!

    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,
    Andy

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

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

    #483289

    Please see PM

    #483290

    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.

    #483671

    Hi!

    The kriesi.at 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: https://developers.facebook.com/docs/plugins/page-plugin

    Example:

    <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/sdk.js#xfbml=1&version=v2.4";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-page" data-href="https://www.facebook.com/kriesi.at" 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="https://www.facebook.com/kriesi.at"><a href="https://www.facebook.com/kriesi.at">Kriesi</a></blockquote></div></div>

    Refer to this link for more info: https://kriesi.at/support/topic/change-in-appearance-of-enfoldfacebook-likebox/

    Regards,
    Ismael

    #484246

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

    #484248

    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.

    #487186

    Hi,

    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.

    Regards,
    Daniel

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

    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.

    #487577

    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: https://www.dropbox.com/s/fsf75w9qapp2x3e/Screenshot%202015-08-14%2001.06.41.png?dl=0

    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.

    #488012

    Hey!

    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.

    Regards,
    Andy

    #488022

    Thank you Andy. Please see the Private Message.

    #488754

    Hey!

    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,
    Andy

    #488892

    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.

    #488926

    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 imgur.com

    Cheers,
    Daniel

    #488980

    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.

    #488984

    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.
    http://imgur.com/oUxIgfq

    #489250

    Hi!

    Please follow the solution we provided above: https://kriesi.at/support/topic/facebook-like-box-width-problem/#post-483671

    Place the generated code in a text widget. You can generate the fb likebox widget code here: https://developers.facebook.com/docs/plugins/page-plugin

    Regards,
    Ismael

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

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