Return to previous page

Facebook chat question - by MichaelB - on WordPress WooCommerce support

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

MichaelB

Participant

March 1, 2021 at 00:54

Can you help with this?

https://wordpress.org/support/topic/facebook-chat-questions-css/#new-topic-0

I ask you because I’m asking for the same functionality from the ‘back to top’ button to be in the Facebook Messenger button.

Please help?

#277007 Copied Theme version: 7.2.4

7 Answers

Rose Tyler

Support staff

March 1, 2021 at 10:24

Hello,

Provide URL of page, where the FB button persists. We will try to help you with the custom CSS code.

Regards

#277059 Copied

MichaelB

Participant

March 1, 2021 at 17:05

Brilliant.

I have put the code in the headers and footer section. I have also installed the FB chat plugin. You don’t need the plugin to make the chat work. The code below (alone) will still enable Facebook chat.

https://prnt.sc/10aj8hc

I think if you look at the above code then tweak with CSS and disable the Facebook chat then you may be able to sort my above issue?

#277159 Copied

Olga Barlow

Support staff

March 1, 2021 at 17:55

Hello,

Could you, please, clarify: you want to change the back to top button styles or FB chat button styles? Because we are able to help you only with the back to top button. FB chat button is outside the scope of our support.

Regards

#277173 Copied

MichaelB

Participant

March 2, 2021 at 22:57

Thanks Rosie for agreeing to help.

I have responded.

I look forward to your help with your CSS code.

#277425 Copied
Rose Tyler

Support staff

March 3, 2021 at 10:16
Olga is right, and you did not provide a URL.
1) Appearance > Customize > Additional custom CSS code:
```
@media only screen and (max-width: 480px) { 
    .fb_reset {
        display: none;
    }
}
```
it will hide the button on mobile.
2) You can try:
```
.fb_dialog_content iframe {
    width: 40px !important;
    height: 40px !important;
}
#facebook .plugin svg {
    max-width: 40px !important;
    max-height: 40px !important;
}
```
if this doesn’t work, I can’t help with this, unfortunately.
3)
```
.fb_dialog_content iframe {
    left: 0px !important;
}
```
4) I do not see such a possiblity.

Regards
#277500 Copied
MichaelB

Participant

March 3, 2021 at 23:09

You are correct. Sincere apologies, Olga. You know I think you and Olga are amazing 🙂

1) Thank you so much! Works perfectly.

2) Unfortunately, it didn’t reduce the button but I note your point you cannot help if it doesn’t.

3) Thank you so much! Works great but any ideas on how to make it go down a bit (so closer to the start menu) https://prnt.sc/10cfh59

4) Thank you anyway!

I look forward to a response.

#277640 Copied

Rose Tyler

Support staff

March 4, 2021 at 12:57

You’re welcome! Thanks for being our customer 🙂
3) Add bottom: 5px !important; in the code – https://prnt.sc/10cvvye

Regards

#277719 Copied
Viewing 8 results - 1 through 8 (of 8 total)