Woocommerce 更改延期交货消息的颜色答案

【问题标题】：Woocommerce change color of backorder messageWoocommerce 更改延期交货消息的颜色
【发布时间】：2018-05-10 09:09:54
【问题描述】：

我正在寻找一种方法来更改延期交货消息的文本颜色。现在我正在使用这个代码：

function so_42345940_backorder_message( $text, $product ){
    if ( $product->managing_stock() && $product->is_on_backorder( 1 ) ) {
        $text = __( 'Text here', 'your-textdomain' );
    }

    return $text;
} 

add_filter( 'woocommerce_get_availability_text', 'so_42345940_backorder_message', 10, 2 );

它现在是绿色的，颜色与可用时相同。客户缺少它，所以我想给它另一种颜色

提前致谢！ The green text here

【问题讨论】：

请提供截图，你想在哪个地方改变颜色。
只是产品页面上可用性背后的文本，我希望延期交货部分为橙色或红色，因为它的颜色与现在的库存相同。我可以截屏 ppl，但我的网站是荷兰语，所以我不知道它是否有用
是的，荷兰语不用担心，请提供截图，并标记您要更改颜色的地方。
我已将其添加到主帖（此处为绿色文字）
好的，有你的问题，请把网站链接发给我，这样我就可以给你更新的钩子或类名。

标签： wordpress text woocommerce colors

【解决方案1】：

要仅使用 CSS，在某些主题中有一个类名，每个主题的类名可以不同，因此您可以这样做：

为产品启用延期交货，然后在产品页面上搜索“延期交货”一词的页面源代码，对我来说（Nitro 主题），包含整个页面内容的产品 id 的 div 具有“onbackorder”类，所以这是CSS：

.onbackorder .stock.in-stock{
    background: #fd5f28 !important;
}

【讨论】：