Title: Simple CSS Author: Tom Published: Bélú 21, 2015 Last modified: Ọwẹ́wẹ̀ 15, 2025 --- Ṣàwárí àwọn plugin ![](https://ps.w.org/simple-css/assets/banner-772x250.png?rev=2332555) ![](https://ps.w.org/simple-css/assets/icon-128x128.png?rev=2332555) # Simple CSS Láti ọwọ́ [Tom](https://profiles.wordpress.org/edge22/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/simple-css.1.1.1.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/simple-css/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/simple-css/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/simple-css/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/simple-css/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/simple-css/) ## Àpèjúwe 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. Want your CSS to only apply on a specific page or post? Simple CSS adds a metabox which allows you to do just that. Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/ generatepress) #### Features include: * Full featured admin CSS editor * Dark and light editor themes * CSS editor in the Customizer so you can live preview your changes * Metabox for page/post specific CSS ## Àwọn àwòrán ìbòjú * [[ * The dark theme of the CSS editor. * [[ * The light theme of the CSS editor. * [[ * The CSS editor in the Customizer. * [[ * The CSS editor metabox. ## Ìgbéwọlẹ̀ ThereÌtumọ̀ Yorùbá: ’s two ways to install Simple CSS. 1. Go to “Plugins > Add New” in your Dashboard and search for: Simple CSS 2. Download the .zip from WordPress.org, and upload the folder to the `/wp-content/ plugins/` directory via FTP. In most cases, #1 will work fine and is way easier. ## FAQ ### How do I add CSS using your plugin? * Make sure Simple CSS is activated. * Navigate to “Appearance > Simple CSS” and add your CSS to the editor. ### How do I add CSS using the Customizer? * Make sure Simple CSS is activated. * Navigation to “Appearance > Customize” and open the “Simple CSS” section. ### How do I change the editor color? * In “Appearance > Simple CSS”, change the “Dark” option below the “Save CSS” button to “Light”. ### How do I add CSS that applies only to one page? * Navigate to your page or post in the Dashboard and look for the “Simple CSS” metabox. ## Àwọn àgbéyẹ̀wò ![](https://secure.gravatar.com/avatar/653bd1001f3631b861b83444856079b6eea3dd72af00626c11c1cb831b6969b7? s=60&d=retro&r=g) ### 󠀁[This is a really awesome plugin, and will remain awesome updates or not](https://wordpress.org/support/topic/this-is-a-really-awesome-plugin-and-will-remain-awesome-updates-or-not/)󠁿 [bmiller22000](https://profiles.wordpress.org/bmiller22000/) Bélú 23, 2024 Easy to use and gives you the access to behind the scenes places you need (like css on this page, for this table, fast and effectively, without digging through mountains of native wp and plugin stylesheets. It has been a big help. ![](https://secure.gravatar.com/avatar/18c259de955f137ef769510614085322ea9d42e840fe73ed3f420961042fa848? s=60&d=retro&r=g) ### 󠀁[I want to love it more](https://wordpress.org/support/topic/i-want-to-love-it-more/)󠁿 [Paul Bradley](https://profiles.wordpress.org/psb/) Ọ̀pẹ 16, 2023 This seems like a great idea, and itÌtumọ̀ Yorùbá: ’s super to finally be clear of the small Additional CSS panel in native wordpress. WhatÌtumọ̀ Yorùbá: ’s making me unsure if I should continue are 2 things: 1 Ìtumọ̀ Yorùbá: – when you press Save, it shoots you back to the top of the CSS file. If you wanted to check and re-edit a bit you were working on, youÌtumọ̀ Yorùbá: ’ve got to find it again. 2 Ìtumọ̀ Yorùbá: – no code hints to help complete as you type. Both these things are present on the Additional CSS panel but not here. Hope they can introduce! ![](https://secure.gravatar.com/avatar/1db21927f52888eab0586b915ed203da3b958baa05c87ff086254b46695eee44? s=60&d=retro&r=g) ### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-8819/)󠁿 [ws24](https://profiles.wordpress.org/ws24/) Ọwẹ́wẹ̀ 23, 2023 By far the best plugin to add custom css, I have been using it for years now and in many websites. ![](https://secure.gravatar.com/avatar/d0428f8a39b215d18ded63fe71eab5f535e88c70b73878f806e93212028ff8b3? s=60&d=retro&r=g) ### 󠀁[Awesome plugin to give non admins CSS access](https://wordpress.org/support/topic/awesome-plugin-to-give-non-admins-css-access/)󠁿 [thessnake03](https://profiles.wordpress.org/thessnake03/) Igbe 11, 2023 great solution to give certain users CSS access without giving them too much access ![](https://secure.gravatar.com/avatar/a4c643f987f52f70ec951e299504cfabf1594ca4f6ef7b065c3845ed010c886e? s=60&d=retro&r=g) ### 󠀁[Please update](https://wordpress.org/support/topic/please-update-128/)󠁿 [itsmeagh](https://profiles.wordpress.org/itsmeagh/) Ṣẹrẹ 18, 2023 Please update is amazing plugin. ![](https://secure.gravatar.com/avatar/1040405671e4f11d87b220c28fadad719ad0d1b11dccc85976e5aa073e50f326? s=60&d=retro&r=g) ### 󠀁[Brilliant Ìtumọ̀ Yorùbá: – shaved 75% off my page load time](https://wordpress.org/support/topic/brilliant-shaved-1-1-second-off-my-page-load/)󠁿 [Keirwatson](https://profiles.wordpress.org/keirwatson/) Èrèlé 9, 2021 I had been struggling with page speed but could see in GT Metrix that custom CSS( Jetpack) was taking over 1 second to load. Copied it over to Simple CSS and page load dropped from 3.3 seconds to 0.8s! ThatÌtumọ̀ Yorùbá: ’s a 75% reduction Ìtumọ̀ Yorùbá: – fantastic!!! [Also, I love that I can drop a little bit of CSS into the meta box for some post-specific tweaks Ìtumọ̀ Yorùbá: – so cool, saves CSS bloat for rarely used styling] [ Ka gbogbo àwọn àgbéyẹ̀wò 60 ](https://wordpress.org/support/plugin/simple-css/reviews/) ## Àwọn Olùkópa & Olùgbéejáde “Simple CSS” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ Tom ](https://profiles.wordpress.org/edge22/) [Túmọ̀ “Simple CSS” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/simple-css) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/simple-css/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/simple-css/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/simple-css/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/simple-css/?limit=100&mode=stop_on_copy&format=rss). ## Àkọsílẹ̀ àwọn àyípadà #### 1.1.1 * Fix PHP notice when Simple CSS hasnÌtumọ̀ Yorùbá: ’t been saved yet #### 1.1 * Fix meta box saving issue #### 1.0 * Show metabox only on public post types * Add live preview to Customizer * Code cleanup * Better sanitizing/validation #### 0.4 * Use browser search instead of CodeMirror dialog search * DonÌtumọ̀ Yorùbá: ’t show GeneratePress metabox if itÌtumọ̀ Yorùbá: ’s already activated * Make CSS box full height #### 0.3 * Add CSS metabox to add CSS on specific pages and posts * Adjust styling of dark theme * Add tips to Simple CSS screen #### 0.2 * Remove extra whitespace from CSS output * Remove spellcheck from Customizer input * Allow > characters in the CSS * Add find (ctrl + f) functionality #### 0.1 * Initial release ## Àkójọpọ̀ Meta * Ẹ̀yà **1.1.1** * Ìgbàgbọ́hùn tó kẹ́yìn **oṣù 8 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **80,000+** * Ẹ̀yà WordPress ** 4.0 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **6.8.5** * Èdè * [English (US)](https://wordpress.org/plugins/simple-css/) * Àwọn àmì * [css](https://yor.wordpress.org/plugins/tags/css/)[custom css](https://yor.wordpress.org/plugins/tags/custom-css/) [simple css](https://yor.wordpress.org/plugins/tags/simple-css/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/simple-css/advanced/) ## Àwọn ìbò 4.9 lára àwọn ìràwọ̀ 5. * [ 56 5-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=5) * [ 4 4-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/simple-css/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/simple-css/reviews/) ## Àwọn Olùkópa * [ Tom ](https://profiles.wordpress.org/edge22/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/simple-css/) ## Ṣe ìtọrẹ Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí? [ Ṣe ìtọrẹ sí plugin yìí ](https://generatepress.com/ongoing-development)