As a shop manager you may want to see the WooCommerce order status in different colors on the orders page.

This is how to change the color of On Hold Status in WooCommerce. You need to either add this to your (child) theme's functions.php file or in a system plugin in /mu-plugins/ folder. Create the folder if it doesn't exist yet.

It is important to use !important after defining the styles because WooCommerce styles would take precedence.

The example below allows you to change the font color and the background color of the status. If you want just one or the other you can either put the line in a multi line comments /* */ or just delete it.

<?php

add_action('admin_head', 'orbisius_tutorial_7453_render_styles');

/**
 * This will override the On-Hold Order Status in WooCommerce - Orders
 * @return void
 * @see https://orbisius.com/7453
 */
function orbisius_tutorial_7453_render_styles() {
    ?>
    <style>
        .order-status.status-on-hold {
            color: #fff !important;
            background: red !important;
        }
    </style>
    <?php
}

Disclaimer: The content in this post is for educational purposes only. Always remember to take a backup before doing any of the suggested steps just to be on the safe side.
Referral Note: When you purchase through a referral link (if any) on this page, we may earn a commission.
If you're feeling thankful, you can buy me a coffee or a beer