Return to previous page

Facebook Customer Chat (Theme overrides CSS)

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

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

#180677 Copied

9 Answers
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
#180701 Copied
Rob van Gils

Participant

December 26, 2017 at 17:04

This works for me thanx

#180713 Copied

Rose Tyler

Support staff

December 27, 2017 at 08:19

Hello, @Rob van Gils

It was my pleasure.

Regards

#180724 Copied

maveric2005

Participant

December 27, 2017 at 14:22

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

#180743 Copied

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.

#180748 Copied

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

#180749 Copied

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

#180750 Copied

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

#180752 Copied

Rose Tyler

Support staff

December 27, 2017 at 14:56

You’re welcome!
Have a nice day.

Regards

#180754 Copied
Viewing 10 results - 1 through 10 (of 10 total)