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

在标头中的站点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帖子中，因此我不想这样做，并在child主题的custom.css中完成覆盖。希望有人看到我到目前为止没有的东西。

完整的custom.css here（包括bodyText p下面和AWeber数据之前的行）。

最佳答案

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

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

要header.php否决其他规则。我们将将此CSS移至style.cssa.s.a.p。使其更清洁，更轻松地进行下次调试。由于重要的AWeber表单中的!important规则，如果没有附加的！important，我们可能无法生存，但至少它可以正常工作并且组织得更好。

关于html - p包装的AWeber表单的重写边距以很好地显示标题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24529286/