WP Add Custom CSS

Description

WP Add Custom CSS allows you to add custom CSS to the whole website and to individual posts, pages and custom post types (such as Woocommerce products).
The CSS rules applied to the whole website will override the default stylesheets of your theme and plugins, while the CSS rules applied to specific pages, posts or custom post types will override the main stylesheet too.

You can edit the main stylesheet from the the “Add custom CSS” settings page.
The plugin also creates a new “Custom CSS” box in the editing area to add custom CSS to specific posts, pages and custom post types.

Available languages:

Screenshots

  • Add custom CSS to the whole website.
  • Add custom CSS to specific posts.
  • Add custom CSS to specific pages.
  • Add custom CSS to specific custom post types (such as Woocommerce products).

Installation

Automatic installation

  1. Go to Plugins > Add New > Upload and select the .zip file from your hard disk
  2. Click the “Install now” button
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Manual installation

  1. Upload the plugin folder to the /wp-content/plugins/ directory via ftp
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions

Automatic installation

  1. Go to Plugins > Add New > Upload and select the .zip file from your hard disk
  2. Click the “Install now” button
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Manual installation

  1. Upload the plugin folder to the /wp-content/plugins/ directory via ftp
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
How do I apply custom CSS to the whole website?

Once the plugin is installed and activated, from your dashboard navigate to “Add custom CSS”, and write the CSS rules in the textarea.

How do I apply custom CSS to a specific post or page?

Once the plugin is installed and activated, you will find a new box called “Custom CSS” in your post/page editing area.

How do I apply custom CSS to a specific custom post type?

Once the plugin is installed and activated, from your dashboard navigate to “Add custom CSS”, check the desired custom post types and save. You will find a new box called “Custom CSS” in your custom post type editing area.

The “Custom CSS” box is not displaying, why?

Click on the “Screen option” link from your post/page editing area and be sure the “Custom CSS” option is checked.

Reviews

bam!

easy to use and simple. it just adds the screen for you under every page or post, and you can write whatever you want in there. bam!

Read all 37 reviews

Contributors & Developers

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

Contributors

Translate “WP Add Custom 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.0.1

  • Fixed issues with ssl on some server configurations

1.0.0

  • Added support for custom post types

0.9.7

  • Fixed minor bug

0.9.6

  • Fixed WPML bug

0.9.5

  • Improved css output for single posts and pages

0.9.4

  • Fixed > rendering issue

0.9.3

  • Fixed minor bug

0.9.2

  • Fixed minor bug
  • Minor layout changes

0.9.1

  • Fixed double quotes rendering issue

0.9

  • First release