Color Admin Menu Items

Marko Krstić
15 Apr 2021

The easiest way to organize Admin Menu is to add specific colors to it.
I personally like to color items I use daily.

Code Snippet

<?php
function dplugins_admin_menu_color(){?>

<style>
  /*   Downloads */
  #menu-posts-download .wp-menu-name {
	color: black !important;
  	background: #eede01 !important;
  }
  
  #menu-posts-download .wp-menu-image:before{
	color: black !important;
  }
  

  /*   ACF Pro */
  #toplevel_page_edit-post_type-acf-field-group .wp-menu-name {
	color: white !important;
  	background: #00c69e !important;
  }
  
  #toplevel_page_edit-post_type-acf-field-group .wp-menu-image:before{
	color: white !important;
  } 
</style>
<?php }
add_action('admin_head', 'dplugins_admin_menu_color');  
?>

Add Code Snippet

Open Scripts Organizer

Hit Add new.

screenshot 2021 04 15 at 21.25.39

Scripts Organizer Settings

Trigger Location: Everywhere
Script Location: PHP

screenshot 2021 04 15 at 21.29.12 1

How to find plugin target to write CSS?

Hover over item you want to find info and click inspect.

screenshot 2021 04 15 at 22.27.28

Search for Plugins ID.

screenshot 2021 04 15 at 22.28.46

Was this article helpful?

Tags

Categories

Never miss new post again

Subscribe and get list of new posts in your inbox

Click to Copy