title: How to edit iframe CSS in tidio chat
body: <p>everybody,</p>
  
  <p>I am using wordpress to create an eCommerce website and install plugin for tidio chat. 
  I would like to adjust the position (bottom) for tidio chat,currently is 0px but i found that it is using iframe and i cannot change it by add custom css.</p>
  
  <pre><code>&lt;iframe title="Tidio Chat" id="tidio-chat-iframe" style="display: block; border: none; position: fixed; width: 112px; height: 140px; opacity: 1; left: auto; right: 0px; bottom: 0px; top: auto; background: none transparent; margin: 0px; max-height: 100vh; max-width: 100vw; transform: translateY(0px); transition: none 0s ease 0s; visibility: visible; z-index: 999999999 !important;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>What is the code to add in javascript, i try many times to add in code but still fail, anyone can help me about this issue? 
  Thank you so much.</p>