viniciusbo

Allow pages/categories to have different styles by adding a CSS Class (the Page Name or Category/Tag Slug) to the BODY.
The CSS class can be the following:
<ul>
<li>Home Page: “home”</li>
<li>Search Page: “search”</li>
<li>Category Page: category slug</li>
<li>Single Post/Page: page/post slug</li>
<li>Posts listed by any date: “archive”
<ul>
<li>If posts are listed by year: “archive year”</li>
<li>If posts are listed by month: “archive month”</li>
<li>If posts are listed by day: “archive day”</li>
</ul>
</li>
<li>Posts listed by author: “author”</li>
<li>404 Error: “404”</li>
</ul>
Please, feel free to contribute or give me any feedback!

Page Style

Allow pages/categories to have different styles by adding a CSS Class (the Page Name or Category/Tag Slug) to the BODY

Theme Junkie

This plugin will enable a <a href="https://www.theme-junkie.com/plugins/theme-junkie-custom-css/" rel="nofollow ugc">custom css manager</a> on administration page to add Custom CSS code to your WordPress website. It will automatically override any theme or plugin default styles. It also very useful if you want to add customization to your website but do not want to edit your theme or plugin css files.
It comes with two ways to add the custom css code:
1. Setting 
You can go to Appearance → Custom CSS, then you will see a big box/textarea. Put your css code there.
2. Customizer – Live Preview 
If you want to see the live preview while you adding the custom css code, then you can go to Appearance → Customize, after that open the Custom CSS section tab.
<h4>Features Include:</h4>
<ul>
<li>No configuration needed</li>
<li>Live preview</li>
<li>Easy-to-use</li>
<li>Child theme alternative to add customization</li>
<li>Uninstall procedure</li>
</ul>
<h4>Plugin Info</h4>
<ul>
<li>Developed by <a href="https://www.theme-junkie.com/?utm_source=wporg&utm_medium=text_link&utm_campaign=Site%20Promotion" rel="nofollow ugc">Theme Junkie</a></li>
<li>Check out the <a href="https://github.com/themejunkie/theme-junkie-custom-css" rel="nofollow ugc">Github</a> repo to contribute.</li>
</ul>

TJ Custom CSS

Simply works

Easily to add any Custom CSS code to your WordPress website.

Page Style vs TJ Custom CSS