How to Change Background Color of Posts in WordPress Admin

If you are looking to change the background color of posts in WordPress Admin based on the status then this article will help you. In back-end of WordPress admin, all posts page includes different types of posts Drafts, Published, Future, Pending, Private etc. By default only drafts are highlighted with different background color.

In this tutorial we are going to explain how to add different background color to the posts in WordPress admin based on their current status. This is a simple thing, but helps to easily identify the posts based on their status.

Background Color of posts in WordPress Admin can be changed by following any of these two methods:

• Using a Free WordPress Plugin
• Adding Code to Functions File

1. Using  Color Admin Posts Plugin

Color Admin Posts is a free WordPress plugin, that come with handy options to change the background color of posts, based on the status.

You can use the color code directly or can use the inbuilt color picket to select the background color of a particular post type and click on save button.

Download plugin »

In our view, it is not certainly necessary to use this plugin. As using more plugins will effect page loading speed you can follow the below method.

2. Adding Code to Functions.php File

Here is another method, in which you need to add the below code to functions.php file in your WordPress theme folder. You can change the background color by replacing the code in this snippet with desired color code.

Note: It is recommended to backup your WordPress Theme before editing files in it.

/** Start of Change background color of Posts in WordPress */
function admin_posts_background(){ ?>
<style>
.status-publish{}
.status-draft{background: #FCE3F2 !important;}
.status-pending{background: #87C5D6 !important;}
.status-future{background: #C6EBF5 !important;}
.status-private{background:#F2D46F;}
</style>
<?php
}
add_action('admin_footer','admin_posts_background');
/** End of Change background color of Posts in WordPress */

In case if you are using Thesis Theme, then you need to include this code in custom_functions.php file and save it.

Credits to WPSnipp for this awesome code snippet.

Hope you like this simple and useful tutorial on changing background color of posts in WordPress Admin based on the status. If you need any help, drop a comment here and we will get back to you. Meanwhile subscribe to our feeds using the form below.