Change Z-Index of live chat

[magicant]

Hi everyone... I need to alter the z-index of the live chat on my woocommerce / elementor site.

Please can someone advise how I can go about this?

Or help with some code to overide the default?

Many thanks

Anthony

[Jake_Lett · Accepted solution]

Try adding this code to the head of all of your pages https://knowledge.hubspot.com/cos-general/how-can-i-add-code-snippets-to-the-head-and-footer-html-of...

<style>
body #hubspot-messages-iframe-container {
/* change value if necessary */
    z-index: 5;
}
</style>

[magicant]

Sure.. it's basically any page on my site but if you goto www.printbymagic.com

Then please add a few products to the cart and then click the cart icon at the top and the slider that slides in from the right.  Basically when the cart is full the chat button covers the checkout button.

Secondly please goto: https://printbymagic.com/custom-printed-playing-card-red-back/ and click start design..  This online designer should go over the top of all buttons including the chat button.  

Many thanks

Anthony

[Jake_Lett]

Could you please share the URL of your site with live chat enabled? Need to see the code in order to write a proper CSS rule for it.