Carlo Roosen

Elena Mukhina

Want to have css styling rules for individual pages or posts?
This plugin adds a unique class to the body tag of the html. The added class is formatted as “[post_type]-[post_name]”. For a page with slug (= post_name) “about” it will be “page-about”, and for a post named “today” it will be “post-today”. Currently no slug will be added for archive and category pages. Please let us know if you need this and we will add it.
<h4>example</h4>
Say you want to have a red title on your contact page. With this plugin all you need to do is add this line to your css:
body.page-contact h1 { 
 color : red; 
}
<h4>Acknowledgements</h4>
Thanks to Damiaan van Vliet for this plugin idea http://www.albuswebdesign.nl/.

Slug as body class

Add a unique class to the body tag for easy styling of individual pages

Aaron T. Grogg

When in Admin mode, this plug-in adds classes to the <code><body></code> tag to let 
your CSS know where you are.
For example, if you are viewing the list of all your Posts, you would get this additional class: 
 edit-list-post 
And, when you are editing a Post, something like this: 
 edit-page-post
Alternatively, for custom posts, for example “movie”, you would see either: 
 edit-list-movie 
or: 
 edit-page-movie
This allows you to write custom CSS and JS to interact with these varying edit pages within WP.
Please let me know if you have any questions/suggestions/thoughts, 
Atg

Add Custom Post Type Slugs to Admin Body Class

Add Custom Post Type Slugs to Admin &lt;body&gt; Class

Slug as body class vs Add Custom Post Type Slugs to Admin Body Class