Squarespace中的Center Typeform弹出按钮

时间:2019-08-15 01:53:12

标签: css typeform

将我的Typeform嵌入到我的Squarespace网站“联系页面”中,作为“弹出窗口”,而不是“右抽屉”或“左抽屉”,但是我无法将其居中。它向左对齐。有任何想法吗?谢谢!

这是我的代码:

<a class="typeform-share button" href="https://artisan82interiors.typeform.com/to/KAh3xu" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#267DDD;color:white;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:50px;text-align:center;margin:0;height:50px;padding:0px 33px;border-radius:25px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
  data-submit-close-delay="3" target="_blank">Launch me </a>
<script>
  (function() {
    var qs, js, q, s, d = document,
      gi = d.getElementById,
      ce = d.createElement,
      gt = d.getElementsByTagName,
      id = "typef_orm_share",
      b = "https://embed.typeform.com/";
    if (!gi.call(d, id)) {
      js = ce.call(d, "script");
      js.id = id;
      js.src = b + "embed.js";
      q = gt.call(d, "script")[0];
      q.parentNode.insertBefore(js, q)
    }
  })()
</script>

1 个答案:

答案 0 :(得分:0)

我刚刚遇到了相同的问题,并且找到了一种解决方法,因此可以共享它,以防它对您(或其他阅读者)有所帮助。

使用代码块将Typeform嵌入,并像这样包装Typeform代码:

<center> [Your Typeform code] </center>