Contact-Form 7插件的CSS，没有得到平等挑选整个网站

我已经调整了CSS以获取Contact 7表单, 并通过Modal窗口显示了Contact 7。

在一页(主页)中, “模态”窗口为该Contact 7表单选择正确的CSS。一切看起来都像我想要的那样。

但是在其余的其他页面上, “模态”窗口将拾取相同的Contact 7表单BUT, 而无需使用相同的CSS。

一切正常的示例URL：https://whitesaxevents.com/(单击右上角的”浮动滑块”, 它将按我的意愿弹出一个带有CSS的联系表单)

未应用CSS的其他2页：https://whitesaxevents.com/artistas/和https://whitesaxevents.com/parcerias/

在这两个URL上, CSS与前一个不同, 但是im呼叫完全相同的联系人7形式为”短代码”。

有什么提示吗？

我已经将！important放在我要覆盖的CSS元素上, 但是我仍然会在联系表单上继续使用不同的样式, 具体取决于我称为模式的URL。所有这些CSS调整都是使用Wordpress上的默认自定义CSS完成的。

#1

你的ID不匹配, 因此此CSS选择器不起作用(div＃wpcf7-f81862-o2.wpcf7)

id =” wpcf7-f81862-o1″ <-未设置样式

id =” wpcf7-f81862-o2″ <-样式