Question

我试图在 css / woocommerce.css 的wordpress页面中更改一些设计内容。当我检查要隐藏的元素时，chrome表示该类在该文件中，但是当我更改所提及的类时，它不会更改前端，网站和chrome检查器中的任何内容。我清除了所有缓存，如果更改了其他CSS文件，则更改将按应有的方式应用。只是不在woocommerce.css上。...

有什么想法吗？

woocommerce.css的代码：

.blockUI.blockOverlay {
        position: relative;
        display: none !important;
    }
    .blockUI.blockOverlay:before,
    .loader:before {
        /*height: 1em;
        width: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -.5em;
        margin-top: -.5em;*/
        display: none !important; 
        /*content: "";
        animation: spin 1s ease-in-out infinite;
        background: url(https://www.afreenuts.com/wp-content/uploads/nuss50.gif) center center;
        background-size: cover;
        line-height: 1;
        text-align: center;
        font-size: 2em;
        color: rgba(0, 0, 0, .75);*/
    }
    .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before, .woocommerce-page .blockUI.blockOverlay:before, .woocommerce-page .loader:before {
        display: none !important;
    }

Google检查器上的代码：

Click here 如您所见，显示内容：无； admin.css上的设置适用，但我的儿子woocommerce.css上的更改不适用。

Answer 1

最好不要那样编辑，更新插件后，您将放弃所有更改...

您编写的内容没有太多内容，但是我需要编辑主题以覆盖Woocommerce样式，而不是从插件本身内部进行（我猜这是基于您提供的CSS位置））。

我还假设您已经“选择了适合您需求的主题”，这很好，但是要使样式更改超出Customizer的范围，您需要创建一个子主题。这是您需要的信息Woocommerce Child theme documentation和Wordpress documentation here，最后这是making the changes to woocommerce

的信息

如果您刚开始使用，请尝试使用Woocommerce theme Storefront，它是免费的并且是专门为Woocommerce构建的，并且为此主题提供了很多在线支持。

希望此信息对您有帮助，如果您需要更多建议，则需要包括更多信息，所引用文件的完整位置以及所涉及的任何代码。这样您会得到更好的响应：）

Woocommerce CSS更改不适用于网站

1 个答案: