Simple Custom CSS

John Regan, Danny Van Kooten Free   Connect to feed
The simple, solid way to add custom CSS to your WordPress website. Simple Custom CSS allows you to add your own styles or override the default CSS of a plugin or theme.

An easy-to-use WordPress Plugin to add custom CSS styles that override Plugin and Theme default styles. This plugin is designed to meet the needs of administrators who would like to add their own CSS to their WordPress website. Styles created with this plugin will render even if the theme is changed.

** New in Version 4.0.4 **

  • Tested for WP version 5.4.1

Features

  • Customizer Control (live preview)
  • Useful Code Syntax Highlighter
  • Code linting (error checking)
  • No configuration needed
  • Simple interface built on native WordPress UI
  • Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
  • Supports PHP 7.2
  • No complicated database queries
  • Thorough documentation
  • Allows Administrator access on WP Networks (Multisite)

Will this Plugin work on my WordPress.com website?

Sorry, this plugin is available for use only on self-hosted (WordPress.org) websites.

My Custom CSS isn't showing up

There are several reasons this could be happening:

  • Your CSS is targeting the wrong selector.

  • Your CSS selectors aren't specific enough.

For instance, you may have:

a {
	color: #f00;
}

When you need:

\#content a {
	color: #f00;
}

The specificity you need depends upon the CSS rules you are attempting to override.

  • Your CSS isn't valid.

Please check your CSS at the W3C CSS Validation Service.

4.0.3

  • Tested for compatibility with WP version 5.3

4.0.2

  • Use WP's CodeMirror on settings page
  • Tested for compatibility with WP version 5.1.1
  • Tested for compatibility with PHP version 7.2

4.0.1

  • Fixed bug with broken editor styles on older versions of WP.

4.0

  • New Customizer Control (still compatible with older WP versions)
  • Added colors and linting to the Settings Page
  • Updated hooks to replace hyphens with underscores
  • Tested for WPCS compliance
  • Tested for compatibility with WP version 4.9.4

3.3

  • Added support for https://
  • Added base support for Danish language. Thanks @ThomasDK81!
  • Tested for compatibility with WP version 4.4.1

3.2

  • Tested for compatibility with WP 4.1
  • Improved architecture to reduce the number of queries (Thanks, @dvankooten!)

3.0.1

  • Tested for compatibility with WP 3.9.1
  • Sidebar "Update CSS" button added

3.0

  • Added Sytnax Highlighter
  • Removed Need for "Allow Quotation Marks" checkbox
  • Removed plugin attribution text
  • Allow Administrator access on multisite
  • Minor styling changes. Thanks @kucrut!

2.5

  • Fixed issue with WP installs in subdirectories. Thanks @lopo!
  • Tested for compatibility with WP 3.8.1

2.0

  • Added option to allow Double Quotes in CSS
  • Tested for compatibility with WP 3.8

1.2.1

  • Tested for compatibility with WP 3.7.1
  • Code update to conform fully with WP coding standards

1.2

  • Give Admins (not just Super Admins) access to the plugin
  • Correcting Credit error
  • Minor Bugfixes

1.1.1

  • Allowing the ">" direct child selector.

1.1

  • Removed unneeded hidden input
  • Added Action Hooks
  • Added cleanup on deletion
  • Added author attribution option
  • Added a more elegant method for adding CSS to the page:

Instead of using print_scripts() to insert the CSS directly into the HEAD, CSS styles are generated within simple-custom-css.php, then added via wp_enqueue_scripts, so now it will appear in the HEAD as:

	<link rel="stylesheet" href="http://yoursite.com/?sccss=1" />

...even though no css file is actually generated. Please see the comments within the Plugin file for more detailed information.

1.0

  • Initial Release

4.0.4

Tested for compatibility with WP 5.4.1.

4.0.2

Tested for compatibility with WP 5.1.1/PHP 7.2. Use native WP CodeMirror.

4.0.1

Settings page style fixes for older versions of WP.

4.0

Tested for compatibility with WP 4.9.4. Added Customizer support.

3.3

Tested for compatibility with WP 4.4.1. Added support for http://.

3.2

Tested for compatibility with WP 4.1. Improved architecture to reduce the number of queries

3.0.1

Tested for compatibility with WP 3.9.1. Sidebar "Update CSS" button added.

3.0

Added new Syntax highlighter, removed attribution text and need for "Allow Quotation Marks" option.

2.5

Fixed issue with WP installs in subdirectories. Thanks @lopo!

2.0

Now SCCSS gives you the option to allow Double Quotes!

1.2.1

Compatibility with WP 3.7.1, code update to conform with WP coding standards.

1.2

Give Admins (not just Super Admins) access to the plugin & Correcting Credit error.

1.1.1

Allowing the ">" direct child selector.

1.1

Changed method for inserting CSS, added support for cleanup on deletion, other minor changes.

1.0

Inital Release

Tags

Css Styles Custom Css Custom Code Editor Codemirror

More information

simple-custom-css
4.0.4
9/5/2020
johnregan3.github.io/simple-custom-css
licenses.nuget.org/GPL-2.0-or-later

Share