Description: The simple, solid way to add custom CSS to your WordPress website. Simple Custom CSS allows you to add your own styles or override the default CSS of a plugin or theme.

Creator’s website: Simple Custom CSS by John Regan on WordPress.com

How to use:

1. In the Plugins section of the sidebar, scroll down to Simple Custom CSS.
2. If it’s not active, choose Activate.
3. Once it’s active, scroll back to that section of the plugin list (if needed) and choose Add CSS.
4. In the text field that appears, add your CSS and click the Update Custom CSS button.
5. Apply the custom CSS you have created in the places you need it.(Note: If you’re not certain how to write custom CSS, check out online tutorials like W3Schools. This demo page explains the use of the plugin, not the writing of CSS.)

Example:
Using the following custom CSS example:

.box-and-shadow { 
padding: 1em; border: 1px solid #C8C6C7; 
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
}

You can apply it to objects like paragraphs, headlines, or containers: