Post/Page specific custom CSS

ཞིབ་བརྗོད།

Post/Page specific custom CSS allows you to add custom CSS styles to individual posts or pages. It provides a dedicated area in the post/page edit screen where you can write your CSS code. You can also choose whether the CSS should apply only to the single post/page view or also to archive views.

A new meta box will appear below the content editor on the post and page edit screens. You can enter any custom CSS there. You can also specify whether the CSS should load only on the single post/page view or also on archive-type pages.

Requirements

This plugin requires at least WordPress 5.0 (remember always to keep your WordPress installation up to date!) and PHP 7.4 on your server.

གཏུབ་རེིས།

  • If you don’t see the CSS panel, open Screen Options and make sure “Custom CSS” is checked.
  • Enter CSS code that will apply only to your post or page. You can force the plugin to apply it only on single post/page views.
  • Plugin settings panel.

སྒྲིག་འཇུག

Automatic installation

Automatic installation is the easiest way. Simply log in to your WordPress admin panel, go to the Plugins menu, and click “Add New”.

In the search field, type Post/Page specific custom CSS and click Search Plugins. Then click the “Install Now” button.

Manual installation

  1. Upload the post-page-specific-custom-css folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. That’s it – enjoy! 🙂

FAQ

Is it free?

Yes, it’s licensed under GPLv2 (or later). However, if you’d like to support my work, you’re welcome to make a donation of a few dollars. I won’t stop you 🙂

གདེང་འཇོག

2024 ལོའི་ཟླ 5 ཚེས 3 ཉིན།
Be warned! This plugin is a sneaky scam. Out of nowhere, a giant info box shoves a payment message in your face on the WordPress admin page. It’s clear the developer has no clue about user experience, and leaving their code on your site is a recipe for disaster.
2024 ལོའི་ཟླ 5 ཚེས 1 ཉིན།
Uninstalled. Spams the WP Admin page with money begs.
2024 ལོའི་ཟླ 2 ཚེས 4 ཉིན།
The CSS metabox has a spinner that continuously spin, and the CSS is now inject inside the BODY content of the page instead of the HEAD… probably another bug. Had to switch to Simple CSS. It inject the code in the header and minify it.
2023 ལོའི་ཟླ 5 ཚེས 2 ཉིན།
I am surprised this plugin is not more popular. It is a great way to add a little CSS to a page. Sometimes I just find it handy when I want to test CSS before adding it to my main stylesheet. Especially if I want to show someone global page changes before actually doing them globally.
2023 ལོའི་ཟླ 1 ཚེས 6 ཉིན།
Hi! Great plugin, exactly what I was looking for. On my version (6.1.1) the CSS validation fails due to line 679 (there is no data object in wp object).const ppsccEditPost = wp.data.select(‘core/edit-post’); Otherwise the CSS saves and displays correctly.
གདེང་འཇོག 42 ཡོངས་སུ་ཀློག

བྱས་རྗེས་འཇོག་མཁན། & གསར་འབྱེད་པ།

“Post/Page specific custom CSS” is open source software. The following people have contributed to this plugin.

བྱས་རྗེས་འཇོག་མཁན།

དག་བཅོས་ཉིན་ཐོ།

0.2.5

  • Release date: 2025-07-17
  • Highlighting for CSS code is now enabled by default.
    7 years ago it was optional due to performance concerns on
    slower machines — nowadays that looks outdated; you can still
    disable it using:
    add_filter(‘postpage_sccss-highlight_code’, ‘__return_false’);
  • Fixed issue with incorrect validation of an empty CSS field
  • Replaced CSS validation with a linting mechanism
  • Minor code improvements and compatibility testing with newer PHP and WordPress versions
  • Removed birthday notice

0.2.4

  • Release date: 2022-01-20
  • Fixed default post/page values (it was in reverse, thank you, @olandir, for pointing that out!)

0.2.3

  • Release date: 2021-11-29
  • Fixed options saving issue
  • Fixed text formatting

0.2.2

  • Release date: 2020-05-10
  • Lot of fixes, to stay up to date with WordPress code rules
  • Birthday banner visible only for administrators
  • Birthday banner now can be hidden for the next year
  • Now it’s possible to let editors edit CSS

0.2.1

  • Release date: 2020-04-27
  • Custom JavaScript note
  • Birthday note

0.2.0

  • Release date: 2020-02-25
  • Compatibility: 5.3 and previous
  • Added options page for plugin
  • Added default CSS for post and page
  • Added CSS highlighting for posts, page and options (for default CSS)
  • Thou it’s a bit bigger by default, you may make input view even bigger

0.1.4

  • Release date: 2018-11-21
  • Status: Stable
  • Compatibility: 5.0 and previous
  • Minor code refactoring

0.1.3

  • Release date: 2018-05-18
  • Status: Stable
  • Compatibility: 4.9.6 and previous

0.1.2

  • Release date: 2018-05-05
  • Status: Stable
  • Compatibility: 4.9.5 and previous
  • Added screenshots, icons and header image for WordPress repository

0.1.1

  • Release date: 2017-08-03
  • Status: Stable
  • Compatibility: 4.8.1 and previous
  • Added screenshots, icons and header image for WordPress repository

0.1.0

  • Release date: 2016-12-16
  • Status: Stable
  • Initial release