Simple CSS

Description

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

Screenshots

  • The dark theme of the CSS editor.
  • The light theme of the CSS editor.
  • The CSS editor in the Customizer.
  • The CSS editor metabox.

Installation

There’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

Installation Instructions

There’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.

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.

Reviews

Nice and easy plugin

It makes it super easy to add css. The plugin does jump to the top when saved though. This was fixed at some point, but it reappeared after a while. Still, it’s an awesome little plugin and I’ve used it and will use it a lot.

The ONLY CSS editor to use

You know why this only has 25 reviews? Because it never harasses you for a review!! This is the only WordPress CSS editor I have ever used, and will ever use. I admit I’m a bit lazy with reviews, but this plugin deserves a huge shoutout for being simple and never giving me any issues, whatsoever. Thank you plugin author!!

The Number One WordPress CSS Editor!

Quite simply my fav plugin ever!

Like having Sublime Text built in to WordPress…

It’s highly addictive.. Use it on one site – and BOOM..
Next thing you know, every site begins with Simple CSS!

Love it.. 🙂

Perfectly Simple

This theme is perfect for editing CSS. If you use Sublime Text or Brackets (or anything similar) you’ll like using this plugin. I especially appreciate the dark theme, which is easier on my eyes, and the code coloring.

Read all 27 reviews

Contributors & Developers

“Simple CSS” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Simple CSS” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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’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

  • Initial release