Overriding WooCommerce CSS?

时间:2013-02-08 作者:Luke

我已经在一个网站上安装了Woocommerce,我正在制作原型。我有一些Woocommerce CSS我想更改,但当我试图通过样式更改它时。css在我的“二十一个孩子”主题中,什么都没有发生。我可以在Firebug中进行更改,没有问题。

我想这是因为插件CSS是在主题CSS之后加载的。我尝试用标记CSS更改!这很重要,但没有产生任何结果。

CSS:

ul.products li.product{
    width: 48% !important;
}
目的:使2列布局全宽

2 个回复
SO网友:Max Yudin

您可以更改CSS加载顺序。

找到WooCommerce排队的地方,它是CSS,记住它是$handle (名称)。搜索wp_enqueue_style.

然后转到主题functions.php 找到你的主题所在的位置,它是CSS。

现在更改主题wp_enqueue_style 通过添加WooCommerce$handle$deps 主题的(依赖项)参数wp_enqueue_style.

在这些操作之后,WordPress将在WooCommerce CSS之后加载主题CSS,该CSS将被覆盖。

例如:

<?php
wp_register_style(
    \'your-theme-css\', // theme CSS handle (name)
    get_template_directory_uri() . \'/your-theme.css\', // theme CSS path
    array(\'woocommerce-css-handle\') // dependencies
);

SO网友:Kayo

您可以尝试更具体一些:

#content .products .product{
    width: 48% !important;
}

结束

相关推荐

在插件中加入内联的css行吗?

通常在插件中,我会使用wp\\u enqueue\\u样式添加样式。然而,我目前正在创建一个只需要几行CSS的插件,我想知道是否最好是内联提供样式来保存请求。显然,使用wp\\u enqueue\\u样式有很多优点,但它们值得为这么一小段CSS额外请求吗?这方面是否有公认的“最佳实践”?