Whatsapp button margin bottom

[MARKETING4 (MARKETING)]

Hi,

How can i move up the whatsapp floating button with CSS? I want to use the chat here h2b Hipotecas | La teva hipoteca rodona but it will crash with my other bot…

thanks!

[Max]

@MARKETING4 Hey there and welcome to Community

Sure thing, we’ll be happy to assist! Would you like to move it above your bot or maybe to the left?

[MARKETING4 (MARKETING)]

Above will be better, also for mobile view its better, thanks!

[Max]

We’ve moved your WhatsApp Chat widget by adding this code to the Custom CSS field:

.global-styles,
[class^="Window__WindowComponent"],
[class^="FloatingButton__FloatingButtonContainer"] {
  bottom: 80px;
}

Please check your website and let me know if you like what you see

[MARKETING4 (MARKETING)]

@Max

.global-styles,
[class^="Window__WindowComponent"],
[class^="FloatingButton__FloatingButtonContainer"] {
  bottom: 80px;
}

That worked perfectly, thanks!

[Max]

You are always welcome

[Damiano_Fersini]

@Max

.global-styles,
[class^="Window__WindowComponent"],
[class^="FloatingButton__FloatingButtonContainer"] {
  bottom: 80px;
}

I tried using this but it didn’t work for me. I still have a margin at the bottom of my footer. Any cue ?

https://blenny-blue-6prx.squarespace.com/
pw : password1234

[Max]

Happy to see new faces around here! Welcome @Damiano_Fersini

This code moves the WhatsApp Chat bubble to the top. I’ve checked the code and it works correctly:

Do I understand correctly that you’d like to place the widget a bit lower?

[Damiano_Fersini]

Hello,

thanks for the greeting Max !

No sorry. I am happy with the automatic placement of the whatsapp bubble. But not with the white margin that appeared at the bottom of my website. When I remove the code from the injected footer code, the white bottom disappears. If i put it back, it appears. So i am guessing squarespace is putting it at the bottom somehow. How do I remove that white space ? Thanks !

[Max]

Oh, I got you!

You see this white space due to our information panel. You’re the only person who can see it, and you can only see it when you’re logged in to your Elfsight account. It’s displayed for you as the account owner. In my previous screenshot, this white spacing is displayed because of the special browser extension.

When you log out of the account, you won’t see this either white space or the panel, and your website visitors never ever see it at all.

You can check the widget on your website in incognito mode to make sure that no one else can see it:

This being said, here is a special article about it - Why I see a panel above my widget

Please let me know if you have any other questions

[Damiano_Fersini]

@Max

a

Ok i get it now. it is my first widget. Thanks for explaining !

[Max]

You are always welcome