Plugin Directory

Stylesheet Per Page

Add custom stylesheets, IE override stylesheets, iOS stylesheets, to any page or post on your WordPress website.

  1. Upload the plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress

To use this plugin, just add stylesheets in the following formats to your theme's base directory or a "css" subdirectory inside your theme's base directory:

  • For pages create a file called page-[page_name].css where "[page_name]" is replaced with the slug of the page. Eg: page-about.css.

  • For author pages create a file called user.css and for individual user pages user-[username].css where "[username]" is replaced with the user's login name.

  • For different post types user [post_type].css where "[post_type]" is replaced with the name of the custom post type. You can also use just 'post' for regular posts. Eg. post.css.

  • For individual posts use [post_type]-[post_name].css where "[post_type]" is replaced with the name of the custom post type or just 'post' for regular posts, and "[post_name]" is the slug of the post. Eg. post-10-tips-for-baking-pies.css, or, say if you had a "recipes" post type use something like recipes-classic-french-cheesecake.css.

  • For tag pages use tag.css or tag-[tag_name].css where "[tag_name]" is replaced with the slug of the tag

  • For category pages use category.css or category-[category_name].css where "[category_name]" is replaced with the slug of the category

  • For archive pages use archive.css

  • For home and front pages use home.css and front-page.css respectively

  • To activate IE specific stylesheets just create css files with the following naming: ie.css (covers all IE versions), ie8.css (covers IE 8 and below), ie7.css (covers IE 7 and below), ie6.css (covers IE 6 and below).

  • To activate an iOS specific stylsheet create ios.css and enable in the plugin options.

  • For targeting logged in users use stylesheet logged-in.css

  • For targeting logged out users use stylesheet logged-out.css

NOTE: You can place your custom CSS files in either the base directory of your theme, or in a "css" subdirectory inside your theme, but try to be consistent with where you place them.

Requires: 3.0 or higher
Compatible up to: 4.2.10
Last Updated: 1 year ago
Active Installs: 1,000+


4 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,2,2