Customizing the colors

Follow these steps to customize the colors of the bulk editor:

Note: If you prefer, put the code in your functions.php instead of using Code Snippets.

1. Download the free Code Snippets plugin https://wordpress.org/plugins/code-snippets/
2. Create a new Snippet with the following code:

function pwbe_custom_color() {
  ?>
  <style>
    .pwbe-tr-product {
        background-color: #F9F9F9 !important;
    }

    .pwbe-tr-variation {
        background-color: #FFFFFF !important;
    }
  </style>
  <?php
}
add_action( 'admin_head', 'pwbe_custom_color');

 

Examples

Stock Quantity and Low Stock Threshold fields

function pwbe_custom_color() {
  ?>
  <style>
    .pwbe-field-_stock {
      background-color: #80bfff;
    }

    .pwbe-field-_low_stock_amount {
      background-color: #ffffcc;
    }
  </style>
  <?php
}
add_action( 'admin_head', 'pwbe_custom_color');

 

Stop color from changing to a fainter color when unselected.

add_action( 'admin_head', 'pwbe_custom_color' );

function pwbe_custom_color() {
    ?>
    <style>
        .pwbe-product-tr {
            color: rgba(0, 0, 0, 1) !important;
        }
    </style>
    <?php
}
Skip to content