html - 覆盖 p 包装的 AWeber 表单的边距以很好地显示标题

Question

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

您可以看到“S”显示效果不佳。由于 AWeber CSS 是内联加载的，甚至使用 !important:

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

超越这一点更具挑战性。即使在验证器的帮助下清理了自定义 CSS 之后。我试图覆盖它并确保表单能够很好地显示标题。到目前为止没有运气。

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

完整的 custom.css here (包括 bodyText p 下方和 AWeber 数据被忽略之前的行)。

Answer 1

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

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

到 header.php 否决其他规则。我们会将此 CSS 移动到 style.css a.s.a.p。使下次调试更干净、更容易。由于重要的 AWeber 形式中的 !important 规则，我们可能无法在没有额外的 !important 的情况下生活，但至少它会正常工作并且组织得更好。