Facebook Customer Chat (Theme overrides CSS)

This topic has 10 replies, 3 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

  • Avatar: maveric2005
    maveric2005
    Participant
    December 25, 2017 at 19:36

    Hi, im using ur them now for a very long time.

    Now i want to use the Facebook Customer Chat (Live Chat) on this theme (wordpress)

    on all other Themes i bought i work like a charm. Only on XStore it seems that the CSS of this iFrame will be overwriten.

    The iframes apears in the middle of the screan instead of at the bottom right.

    I checked it on several installations of Xstore and several Versions of this Theme. On other Themes it works.

    Can you pls give me the code to solve this problem? I think many customers will also have this problem if they use the new Facebook customer live Chat.

    http://www.reifenstyle.de

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 26, 2017 at 11:12

    Hello,

    Thanks for the topic. Hope you are having a nice day.

    Please try to add this code in Theme options > Styling > Custom css > Global Custom css or in style css file of child theme:

    .fb-customerchat.fb_iframe_widget iframe {
        left:  auto;
        transform:  none;
    }
    .back-top {
        bottom:  100px;
    }
    @media only screen and (max-width: 480px) {
        .fb-customerchat.fb_iframe_widget
         iframe {
            max-width: 360px !important;
        }
        .fb-customerchat.fb_iframe_widget+.fb_dialog {
            right: 15px !important;
        }
    }
    @media only screen and (max-width: 320px) {
        .fb-customerchat.fb_iframe_widget
         iframe {
            right: 0 !important;
            max-width: 100% !important;
        }
    }

    Let us know if you need any further assistance.

    Regards

    Avatar: Rob van Gils
    Rob van Gils
    Participant
    December 26, 2017 at 17:04

    This works for me thanx

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 27, 2017 at 08:19

    Hello, @Rob van Gils

    It was my pleasure.

    Regards

    Avatar: maveric2005
    maveric2005
    Participant
    December 27, 2017 at 14:22

    thx it worked. What was the problem? Do you include this in further patches?

    Avatar: maveric2005
    maveric2005
    Participant
    December 27, 2017 at 14:46

    Next problem apears. After this “update” on chrome the site auto scrolls down to the footer after the site is loaded new.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 27, 2017 at 14:46

    Dear Maveric2005,

    You’re welcome!
    Not all our customers using this chat, so in your case, it is better to use custom code. But I’ve added your topic to our task list, our developers will check this conversation and make a decision on this. Follow the changelog https://www.8theme.com/demo/xstore/update-history/?preset=blog_fixes

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 27, 2017 at 14:48

    Next problem apears. After this “update” on chrome the site auto scrolls down to the footer after the site is loaded new.

    – I checked your site and do not see the problem. What version of browser do you use?

    Regards

    Avatar: maveric2005
    maveric2005
    Participant
    December 27, 2017 at 14:54

    i cleared the cache and it does not apear anymore. hmm i think it was only a problem with my browser. I text you if it comes again and i can point to the problem 🙂

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 27, 2017 at 14:56

    You’re welcome!
    Have a nice day.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.