css - Woocommerce CSS 更改不适用于网站

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 构建的，并且有很多在线支持这个主题。

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