Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Simple CSS

Add CSS to your website through an admin editor, the Customizer or a metabox for page/post specific CSS.

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! (http://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
Author Tom Usborne
Profile
Contributors edge22
Tags CSS, CSS Customizer, CSS metabox, CSS specific page, custom css, Simple CSS, Simple Custom CSS
  1. simple-css screenshot 1

    The dark theme of the CSS editor.

  2. simple-css screenshot 2

    The light theme of the CSS editor.

  3. simple-css screenshot 3

    The CSS editor in the Customizer.

  4. simple-css screenshot 4

    The CSS editor metabox.

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.

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

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.
Share  
Download
Version 0.4

Requires WordPress version: 4.0 or higher

Compatible up to: 4.6.3

Last Updated 05 Oct 2016

Date Added: 21 Nov 2015

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

5 stars
20 ratings
61,424 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 0