Daniele De Santis

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.
The plugin works with the most popular builders, such as Elementor, Gutenberg and the Classic Editor.
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.
Select the preferred CSS output method from the plugin’s settings page to ensure seamless integration with caching and minification plugins or to improve above-the-fold rendering performance.

WP Add Custom CSS


Says it has not been tested against recent versions, but it works great still. Simple and elegant solution. Sep 13 2024


Still works great

Add custom css to the whole website and to specific posts and pages.

Vikas Sharma

Sometimes you want to put the base URL (that of the blog, or that of the active template) in your content editor. Times when the template customising isn’t quite flexible enough. 
With this plugin you can use [home_url] to output the base URL of the blog (as set in your Settings). Or, you can use [theme_url_template] to output the URL of the active template. And You can use the [UPLOAD_URL] to output the URL of the upload folder.
For example <code><img src="[UPLOAD_URL]/2022/02/test.png /></code> in your editor might output <code><img src="http://localhost/wp-demo/wp-content/uploads/2022/02/test.png" /></code> (if http://localhost/wp-demo is what you have configured as your blog URL in Settings).
The supported short codes are as follows: 
* [home_url] – the configured blog URL (set in Settings). E.g. http://localhost/wp-demo 
* [theme_url_template] – the URL of the active template. E.g. http://localhost/wp-demo/wp-content/themes/mytheme 
* [UPLOAD_URL] – the URL of the upload folder. E.g. http://localhost/wp-demo/wp-content/uploads
<h3>License</h3>
This plugin uses the GPLv3 license.

Basic URL ShortCodes

BASIC URL ShortCodes plugin support for a basic short codes to use in your post/page editor that produce correct absolute URLs.

WP Add Custom CSS vs Basic URL ShortCodes