Title: Simple CSS
Author: Tom
Published: <strong>21 de novembre de 2015</strong>
Last modified: 15 de setembre de 2025

---

Cerca extensions

![](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

 Per [Tom](https://profiles.wordpress.org/edge22/)

[Baixa](https://downloads.wordpress.org/plugin/simple-css.1.1.1.zip)

 * [Detalls](https://ca.wordpress.org/plugins/simple-css/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/simple-css/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/simple-css/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/simple-css/#developers)

 [Suport](https://wordpress.org/support/plugin/simple-css/)

## Descripció

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)

#### Les característiques inclouen:

 * 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

## Captures

[⌊El tema fosc de l'editor CSS⌉⌊El tema fosc de l'editor CSS⌉[

El tema fosc de l’editor CSS

[⌊El tema clar de l'editor CSS⌉⌊El tema clar de l'editor CSS⌉[

El tema clar de l’editor CSS

[⌊L'editor CSS en el Personalitzador.⌉⌊L'editor CSS en el Personalitzador.⌉[

L’editor CSS en el Personalitzador.

[⌊The CSS editor metabox.⌉⌊The CSS editor metabox.⌉[

The CSS editor metabox.

## Instal·lació

Hi ha dues formes d’instal·lar 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.

## PMF

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

## Ressenyes

![](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/) 23 de novembre de 
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/) 16 de desembre de 2023

This seems like a great idea, and it’s super to finally be clear of the small Additional
CSS panel in native wordpress. What’s making me unsure if I should continue are 
2 things: 1 – 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’ve got to find
it again. 2 – 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/) 23 de setembre de 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/) 11 de abril de 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/) 18 de gener de 2023

Please update is amazing plugin.

![](https://secure.gravatar.com/avatar/1040405671e4f11d87b220c28fadad719ad0d1b11dccc85976e5aa073e50f326?
s=60&d=retro&r=g)

### 󠀁[Brilliant – 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/) 9 de febrer de 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’s a 75% reduction – fantastic!!! [Also,
I love that I can drop a little bit of CSS into the meta box for some post-specific
tweaks – so cool, saves CSS bloat for rarely used styling]

 [ Llegiu totes les 60 ressenyes ](https://wordpress.org/support/plugin/simple-css/reviews/)

## Col·laboradors i desenvolupadors

«Simple CSS» és programari de codi obert. La següent gent ha col·laborat en aquesta
extensió.

Col·laboradors

 *   [ Tom ](https://profiles.wordpress.org/edge22/)

[Traduïu «Simple CSS» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/simple-css)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/simple-css/), baixeu-
vos el [repositori SVN](https://plugins.svn.wordpress.org/simple-css/), o subscriviu-
vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/simple-css/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/simple-css/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 1.1.1

 * Fix PHP notice when Simple CSS hasn’t been saved yet

#### 1.1

 * Fix meta box saving issue

#### 1.0

 * Mostra metacaixa només en el tipus d’entrada públiques
 * Add live preview to Customizer
 * Neteja de codi
 * Better sanitizing/validation

#### 0.4

 * Use browser search instead of CodeMirror dialog search
 * Don’t show GeneratePress metabox if it’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

 * Versió inicial

## Meta

 *  Versió **1.1.1**
 *  Darrera actualització **fa 10 mesos**
 *  Instal·lacions actives **80.000+**
 *  Versió del WordPress ** 4.0 o posterior **
 *  Provada fins a **6.8.6**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/simple-css/)
 * Etiquetes
 * [css](https://ca.wordpress.org/plugins/tags/css/)[custom css](https://ca.wordpress.org/plugins/tags/custom-css/)
   [simple css](https://ca.wordpress.org/plugins/tags/simple-css/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/simple-css/advanced/)

## Valoracions

 4.9 sobre 5 estrelles.

 *  [  56 valoracions de 5 estrelles     ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=5)
 *  [  4 valoracions de 4 estrelles     ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=4)
 *  [  0 valoracions de 3 estrelles     ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=3)
 *  [  0 valoracions de 2 estrelles     ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=2)
 *  [  0 valoracions de 1 estrelles     ](https://wordpress.org/support/plugin/simple-css/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/simple-css/reviews/#new-post)

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/simple-css/reviews/)

## Col·laboradors

 *   [ Tom ](https://profiles.wordpress.org/edge22/)

## Suport

Problemes resolts durant els darrers dos mesos:

     0 de 1

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/simple-css/)

## Feu una donació

Voleu ajudar a què l’extensió millori?

 [ Feu una donació a aquesta extensió ](https://generatepress.com/ongoing-development)