0

在我的站点标题中，我有一个 Aweber 表单，它是从 AWeber 加载的脚本。现在不知何故，在 Safari/Chrome 中，表单的文本被截断了：

阿韦伯形式

您可以看到“S”没有很好地显示。由于 AWeber CSS 是内联加载的，甚至使用!important：

.bodyText p {
text-align: center !important;
margin-top: -8px !important;
}

压倒一切的挑战更大。即使在验证器的帮助下清理了自定义 CSS。我正在尝试覆盖它并确保表单确实能很好地显示标题。到目前为止还没有运气。

我曾尝试在重要和不重要之前添加一些 id .bodyText p，但到目前为止没有任何乐趣。我可以在没有脚本的情况下添加表单并作为核心 html，但由于这是在 WordPress 帖子中，我宁愿不这样做，而是在子主题的 custom.css 中完成覆盖。

此处为完整的 custom.css （包括 bodyText p 下方和 AWeber 数据被忽略之前的行）。

4

1 回答 1

0

以前的开发人员添加了很多内联 CSS，使其更难调试。但在第三方的帮助下，我设法解决了这个问题。我们添加了

    .bodyText {
margin-top: 1% !important;
}

到 header.php 否决其他规则。我们将尽快将此 CSS 移到 style.css 中，以使其更简洁，下次调试更容易。由于!important重要的 AWeber 表单中的规则，如果没有额外的 !important ，我们可能无法生存，但至少它会一切正常并且组织得更好。

于 2014-07-15T07:21:41.460 回答