{"id":40305,"date":"2015-11-21T02:20:05","date_gmt":"2015-11-21T02:20:05","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/simple-css\/"},"modified":"2025-09-15T15:11:45","modified_gmt":"2025-09-15T15:11:45","slug":"simple-css","status":"publish","type":"plugin","link":"https:\/\/mk.wordpress.org\/plugins\/simple-css\/","author":10080727,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.1","stable_tag":"1.1.1","tested":"6.8.5","requires":"4.0","requires_php":"","requires_plugins":null,"header_name":"Simple CSS","header_author":"Tom Usborne","header_description":"","assets_banners_color":"21201f","last_updated":"2025-09-15 15:11:45","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/generatepress.com\/ongoing-development","header_plugin_uri":"https:\/\/generatepress.com","header_author_uri":"https:\/\/tomusborne.com","rating":4.9,"author_block_rating":0,"active_installs":80000,"downloads":553645,"num_ratings":60,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1":{"tag":"0.1","author":"edge22","date":"2015-11-21 02:49:55"},"0.2":{"tag":"0.2","author":"edge22","date":"2016-01-17 00:49:50"},"0.3":{"tag":"0.3","author":"edge22","date":"2016-04-07 18:55:33"},"0.4":{"tag":"0.4","author":"edge22","date":"2016-10-05 21:07:08"},"1.0":{"tag":"1.0","author":"edge22","date":"2017-09-06 21:55:14"},"1.1":{"tag":"1.1","author":"edge22","date":"2020-03-18 16:42:37"},"1.1.1":{"tag":"1.1.1","author":"edge22","date":"2025-09-15 15:11:45"}},"upgrade_notice":{"1.1":"<ul>\n<li>Fix meta box saving issue<\/li>\n<\/ul>","1.0":"<ul>\n<li>Show metabox only on public post types<\/li>\n<li>Add live preview to Customizer<\/li>\n<li>Code cleanup<\/li>\n<li>Better sanitizing\/validation<\/li>\n<\/ul>","0.4":"<ul>\n<li>Use browser search instead of CodeMirror dialog search<\/li>\n<li>Don&#039;t show GeneratePress metabox if it&#039;s already activated<\/li>\n<li>Make CSS box full height<\/li>\n<\/ul>","0.3":"<ul>\n<li>Add CSS metabox to add CSS on specific pages and posts<\/li>\n<li>Adjust styling of dark theme<\/li>\n<li>Add tips to Simple CSS screen<\/li>\n<\/ul>","0.2":"<ul>\n<li>Remove extra whitespace from CSS output<\/li>\n<li>Remove spellcheck from Customizer input<\/li>\n<li>Allow &gt; characters in the CSS<\/li>\n<li>Add find (ctrl + f) functionality<\/li>\n<\/ul>","0.1":"<ul>\n<li>Initial release<\/li>\n<\/ul>"},"ratings":{"1":0,"2":0,"3":0,"4":4,"5":56},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2332555,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2332555,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.2","0.3","0.4","1.0","1.1","1.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2332555,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2332555,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2332555,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2332555,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"The dark theme of the CSS editor.","2":"The light theme of the CSS editor.","3":"The CSS editor in the Customizer.","4":"The CSS editor metabox."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,56528,2001,21621,56527],"plugin_category":[],"plugin_contributors":[78611],"plugin_business_model":[],"class_list":["post-40305","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-css-customizer","plugin_tags-custom-css","plugin_tags-simple-css","plugin_tags-simple-custom-css","plugin_contributors-edge22","plugin_committers-edge22"],"banners":{"banner":"https:\/\/ps.w.org\/simple-css\/assets\/banner-772x250.png?rev=2332555","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/simple-css\/assets\/icon-128x128.png?rev=2332555","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/simple-css\/assets\/screenshot-1.png?rev=2332555","caption":"The dark theme of the CSS editor."},{"src":"https:\/\/ps.w.org\/simple-css\/assets\/screenshot-2.png?rev=2332555","caption":"The light theme of the CSS editor."},{"src":"https:\/\/ps.w.org\/simple-css\/assets\/screenshot-3.png?rev=2332555","caption":"The CSS editor in the Customizer."},{"src":"https:\/\/ps.w.org\/simple-css\/assets\/screenshot-4.png?rev=2332555","caption":"The CSS editor metabox."}],"raw_content":"<!--section=description-->\n<p>Need to add some custom CSS to your site? Simple CSS gives you an awesome admin editor and a live preview editor in the Customizer so you can easily add your CSS.<\/p>\n\n<p>Want your CSS to only apply on a specific page or post? Simple CSS adds a metabox which allows you to do just that.<\/p>\n\n<p>Check out GeneratePress, our awesome WordPress theme! (http:\/\/wordpress.org\/themes\/generatepress)<\/p>\n\n<h4>Features include:<\/h4>\n\n<ul>\n<li>Full featured admin CSS editor<\/li>\n<li>Dark and light editor themes<\/li>\n<li>CSS editor in the Customizer so you can live preview your changes<\/li>\n<li>Metabox for page\/post specific CSS<\/li>\n<\/ul>\n\n<!--section=installation-->\n<p>There's two ways to install Simple CSS.<\/p>\n\n<ol>\n<li>Go to \"Plugins &gt; Add New\" in your Dashboard and search for: Simple CSS<\/li>\n<li>Download the .zip from WordPress.org, and upload the folder to the <code>\/wp-content\/plugins\/<\/code> directory via FTP.<\/li>\n<\/ol>\n\n<p>In most cases, #1 will work fine and is way easier.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20do%20i%20add%20css%20using%20your%20plugin%3F'><h3>How do I add CSS using your plugin?<\/h3><\/dt>\n<dd><ul>\n<li>Make sure Simple CSS is activated.<\/li>\n<li>Navigate to \"Appearance &gt; Simple CSS\" and add your CSS to the editor.<\/li>\n<\/ul><\/dd>\n<dt id='how%20do%20i%20add%20css%20using%20the%20customizer%3F'><h3>How do I add CSS using the Customizer?<\/h3><\/dt>\n<dd><ul>\n<li>Make sure Simple CSS is activated.<\/li>\n<li>Navigation to \"Appearance &gt; Customize\" and open the \"Simple CSS\" section.<\/li>\n<\/ul><\/dd>\n<dt id='how%20do%20i%20change%20the%20editor%20color%3F'><h3>How do I change the editor color?<\/h3><\/dt>\n<dd><ul>\n<li>In \"Appearance &gt; Simple CSS\", change the \"Dark\" option below the \"Save CSS\" button to \"Light\".<\/li>\n<\/ul><\/dd>\n<dt id='how%20do%20i%20add%20css%20that%20applies%20only%20to%20one%20page%3F'><h3>How do I add CSS that applies only to one page?<\/h3><\/dt>\n<dd><ul>\n<li>Navigate to your page or post in the Dashboard and look for the \"Simple CSS\" metabox.<\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fix PHP notice when Simple CSS hasn't been saved yet<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Fix meta box saving issue<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Show metabox only on public post types<\/li>\n<li>Add live preview to Customizer<\/li>\n<li>Code cleanup<\/li>\n<li>Better sanitizing\/validation<\/li>\n<\/ul>\n\n<h4>0.4<\/h4>\n\n<ul>\n<li>Use browser search instead of CodeMirror dialog search<\/li>\n<li>Don't show GeneratePress metabox if it's already activated<\/li>\n<li>Make CSS box full height<\/li>\n<\/ul>\n\n<h4>0.3<\/h4>\n\n<ul>\n<li>Add CSS metabox to add CSS on specific pages and posts<\/li>\n<li>Adjust styling of dark theme<\/li>\n<li>Add tips to Simple CSS screen<\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>Remove extra whitespace from CSS output<\/li>\n<li>Remove spellcheck from Customizer input<\/li>\n<li>Allow &gt; characters in the CSS<\/li>\n<li>Add find (ctrl + f) functionality<\/li>\n<\/ul>\n\n<h4>0.1<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Add CSS to your website through an admin editor, the Customizer or a metabox for page\/post specific CSS.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/40305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=40305"}],"author":[{"embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/edge22"}],"wp:attachment":[{"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=40305"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=40305"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=40305"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=40305"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=40305"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=40305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}