如何删除弹出的网站(css变化不可见)？

Question

我在这个网站上工作，并被要求删除弹出。我试着进入这样的课程：

.popup, .popup .popup-bg {
    display: none !important;
}

.popup {
    display: none !important;
}

据最初的开发人员说，js文件也被混淆了，当我问他的时候。他还推荐了上面的内容，它确实在检查中起作用，但当我在文件编辑器中进行更改时，它就不起作用了。

我还试着从site.js文件中删除下面的内容，看看它是否会做出任何更改，而这并没有帮助。

133: function(t, e, n) {
            var i = n(106);
            t.exports = (i.default || i).template({
                compiler: [8, ">= 4.3.0"],
                main: function(t, e, n, i, a) {
                    return '\n    \n\n    \n\n    \n        \n            \n                \n                    \n                        \n                            \n                                \n                                \n                                  .st0{fill:none;stroke:#cb1230;stroke-width:12.12;}\n                                \n                                \n                                \n                                \n                            \n                        \n                    \n                \n\n                \n                    \n                \n            \n        \n    \n'
                },

我也尝试了内联样式在网站文件，但没有成功。

我在想，一项可能的工作是创建一个新的资产版本(当前为0.2.8)，看看它是否修复了一些问题，但我不知道如何解决这个问题？Does，有人知道为什么我只会弹出这个问题吗？我目前正在开发一个分阶段的站点，但这是现场直播的除外。

我已经为时事通讯修改了css文件，并且对网站做了其他的修改，没有问题。

谢谢!

Answer 1

由于您已经对各种文件进行了更改，所以您要查找的代码可以在以下文件中找到：/assets/0.2.8/css/style.css

在FF devTools中围绕第702行进行搜索--在其他浏览器或原始文件中可能有所不同：

.popup {
    letter-spacing: .1em;
    text-align: left;
    overflow: auto;
    z-index: 95
}

在这里，只需添加display: none;即可。或者，您也可以将.popup {display: none;}添加到上述文件的末尾。就我个人而言，我总是尽量避免首先使用!important。

如果在稍后阶段(例如通过JavaScript)没有为弹出窗口添加其他规则，则应该完成此任务。但是，始终要记住 keep，即<#>updating可能覆盖您修改的文件！

考虑到这一点，这里有另一个解决方案。先决条件是使用子主题，否则您将再次陷入相同的更新困境。在子主题的functions.php中放置以下示例之一，或者如果由于任何原因不再更新主题，则放在主题的function.php中。为了以后的执行，我已经将动作钩子的优先级设置为99，但是您可以使用不同的值(default: 10)。

使用CSS版本来隐藏元素(无论是否带有!important)：

add_action( 'wp_footer', function() {
   ?>
   
       .popup {
           display: none !important;
       }

使用JavaScript/jQuery版本可以删除元素(确保加载了jQuery )：

add_action( 'wp_footer', function() {
   ?>
   
      jQuery( document ).ready( function( $ ) {
         $( '.popup' ).remove();
      } );

值得一提的是，当然，.popup类的所有元素都会受到影响--在所有页面、帖子和自定义post类型上。因此，如果希望将此行为限制为特定的页面/帖子，请在运行操作钩子之前先获取当前页面。

与往常一样，对于WordPress，当然也有各种插件，您可以使用这些插件将PHP、JS和CSS代码放在WP中所有可能的位置，但这超出了这里的范围。

最后但并非最不重要的一点是，您还可以使用WordPress定制器添加一些自定义CSS。在您的例子中，这将是.popup {display: none;} -无论是否使用!important。