字体很棒，在Squarespace中敲响了其他div /代码块

Question

我试图简单地对齐一些字体真棒图标。在Squarespace的配置模式下，它们看起来很好，但是当重新加载页面时，它们会被敲掉。附带的图像显示了它在Squarespace的配置模式下的外观。

这是我用来初步设置字体真棒图标的小提琴。 https://jsfiddle.net/gavinfriel/e06qzw59/

<div class="main-container">
  <div class="fixer-container">
    <a href="#">
      <div class="outline-circle">
        <i class="fa fa-arrow-up" aria-hidden="true"></i>
      </div>
    </a>
  </div>
</div>

这里发生了什么：neueda-consulting.squarespace.com/training

非常感谢您的帮助！

Answer 1

您添加到colums的span-3类会在左侧创建一个边距。您只需删除此类即可使其正常工作。

代码：

$('html, body').css('overflow', 'hidden');

Answer 2

在Squarespace的代码注入＆gt;标题部分中，我创建了一个旧字体真棒样式表的链接 - 所以在IE7中支持它。

这覆盖了我现有的CSS并且当前模板也搞乱了。

我从代码注入部分删除它并在我的CSS中使用import语句仍然支持IE7，但不覆盖我现有的样式表。