shawfactor

Ever wanted to style your content differently depending on the role of the logged in user viewing your content?
Well now you can, simply activate the plugin and you are right to go.
Like this plugin? Please consider <a href="https://wordpress.org/support/view/plugin-reviews/lh-add-roles-to-body-class/" rel="ugc">leaving a 5-star review</a>.
Love this plugin or want to help the LocalHero Project? Please consider <a href="https://lhero.org/portfolio/lh-add-roles-to-body-class/" rel="nofollow ugc">making a donation</a>.

LH Add Roles to Body Class

Adds the currently logged in users role (or roles) to the body class in both the front and back end.

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

LH Add Roles to Body Class vs Slug as body class