shawfactor

<p>Ever wanted to style your content differently depending on the role of the logged in user viewing your content?</p>
<p>Well now you can, simply activate the plugin and you are right to go.</p>
<p><strong>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>.</strong></p>
<p><strong>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>.</strong></p>


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.

Andrei Lupu

<p>You can use this plugin to add a unique CSS class to your pages or posts.</p>
<h4>Demo</h4>
<p><a href="https://tastewp.com/" rel="nofollow ugc">TasteWP</a> has prepared a quick WordPress instance with this plugin, so you can give it a try <a href="https://demo.tastewp.com/wp-custom-body-class" rel="nofollow ugc">in this demo</a></p>
<h4>Responsiveness</h4>
<p>There’s a way to add a class to appear only on mobile devices. You can do that by simply adding <code>mobile-</code> on the front of<br />
the class. For example, if you want to have the class “car” for mobile side, you need to use “mobile-car”.</p>
<h4>Support me</h4>
<p>If you find this plugin helpful, or you just want to send me a coffee here are the ways:</p>
<ul>
<li>Use the Github Sponsor button</li>
<li><a href="https://ko-fi.com/thelup" rel="nofollow ugc">Ko-fi</a></li>
<li>Watch me coding on <a href="https://www.twitch.tv/thelup/" rel="nofollow ugc">twitch.tv/thelup</a></li>
<li>Or simply visit my site <a href="https://a.lup.dev/" rel="nofollow ugc">lup.dev</a> and make those analytics ring the bells.</li>
</ul>


Custom Body Class

A plain simple plugin which allows you to add a custom CSS class the HTML body tag.

LH Add Roles to Body Class vs Custom Body Class