在标头中的站点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/

10-10 05:51