覆盖p包裹的AWeber表格的边距以显示标题

Question

在标题中的网站http://goo.gl/8HD1nh，我有一个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;
}

to header.php否决其他规则。我们将把这个CSS移到style.css a.s.a.p.使其更清洁，下次更容易调试。由于重要的AWeber表单中的!important规则，如果没有额外的重要性，我们可能无法生存！但至少它会全部工作并且更有条理。