Z-index problem

  • Resolved kyllaz

    (@kyllaz)


    3 years, 3 months ago

    Hi there.
    I’m having problems with Tidio z-index.
    On the iframe created by Tidio there’s some inline styles to the id #tidio-chat-iframe being the problem the z-index: 999999999 !important. This never should be done from your company. I need to remove this !important so i can control the z-index of the widget. Even if i give a !important on my code it does not work, any help please?
    Best regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support olektidio

    (@olektidio)

    Hi there,

    Unfortunately, we do not support adjusting the z-index of Tidio at this time. Changing could result in problems with displaying the widget.

    We will not be able to assist you with adjusting it at this time.

    Please let me know if you have any questions ??

    Here is how we fixed this issue with javascript:

    
  function onTidioChatApiReadyChangeZIndex() {
    (function() {
      const tidioChatIframe = document.getElementById('tidio-chat-iframe');
      if (tidioChatIframe) {
        tidioChatIframe.style.zIndex = '4000';
      }
    })();
  }
  if (window.tidioChatApi) {
    window.tidioChatApi.on("ready", onTidioChatApiReadyChangeZIndex);
  } else {
    document.addEventListener("tidioChat-ready", onTidioChatApiReadyChangeZIndex);
  }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Z-index problem’ is closed to new replies.