Description: (By request only.) Customize your WordPress site’s appearance by easily adding custom CSS and JS code without even having to modify your theme or plugin files.

Creator’s website: Simple Custom CSS and JS by Silky Press on WordPress.org

(Note: If you only need CSS, the Simple Custom CSS plugin is available by self-service. This plugin which includes JavaScript is by request only; create a ticket at the Help Center to make your request for this plugin.)

How to use:

1. Make a ticket to request that the Publish administrators enable Simple Custom CSS and JS for your site. (You’ll need to explain what you plan to use the JavaScript for.)
2. After you receive notice that the plugin has been enabled for your PIE site, visit your site’s Dashboard, then scroll along the left hand navigation to find the Custom CSS and JS item. When you hover over it, you get 4 choices:
   • All Custom Code: Shows you all the CSS and JS files you have created and named.
   • Add Custom CSS: Create a new CSS file and save it.
   • Add Custom JS: Create a new JavaScript file and save it.
   • Add Custom HTML: Create a new HTML file and save it.
   • Settings: Some options on how to handle special encoding in HTML with this plugin. For more details, see the developer’s FAQs .
3. Apply the custom CSS you have created in the places you need it.(Note: If you’re not certain how to write custom CSS or JavaScript, check out online tutorials like W3Schools. This demo page explains the use of the plugin, not the writing of CSS or Javascript.)

Example:
If you put the following custom CSS example into a custom CSS file:

.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: