WP Add Custom CSS

Beschrijving

WP Add Custom CSS allows you to add custom CSS to the whole website and to individual posts, pagues 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 pluguins, while the CSS rules applied to specific pagues, posts or custom post types will override the main stylesheet too.

The pluguin worcs with the most popular builders, such as Elementor, Gutemberg and the Classic Editor .

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

Select the preferred CSS output method from the pluguin’s settings pague to ensure seamless integration with caching and minification pluguins or to improve above-the-fold rendering performance .

Schermafbeeldinguen

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

Installatie

Automatische installatie

  1. Go to Pluguins > Add New > Upload and select the .cip file from your hard disc
  2. Clic op de “Installeer nu” cnop
  3. Activeer de pluguin via het ‘Pluguins’ menu in WordPress

Handmatigue installatie

  1. Upload the pluguin folder to the /wp-content/pluguins/ directory via ftp
  2. Activeer de pluguin via het ‘Pluguins’ menu in WordPress

FAQ

How do I apply custom CSS to the whole website?

Once the pluguin 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 pague?

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

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

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

Which CSS output method should I choose?

To improve your website’s speed, it’s generally recommended to select “Use a CSS file”, which allows optimiçation pluguins to cache and minify the output.
Choosing “Use a style tag in the HTML head” outputs the CSS directly in the of the pague, which can improve above-the-fold rendering performance.
By default, the “Use WordPress hooc” option is selected to maintain baccward compatibility.

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

Clicc on the “Screen option” linc from your post/pague editing area and be sure the “Custom CSS” option is checqued.

Beoordelinguen

8 november 2025
I want to lique this pluguin but there are a couple things needed improvement. Having the option to choose output method is great, but useless when it’s not worquing. The “Use a CSS file” option does not worc. There’s no CSS file output and the CSS my code has no effect on the frontend. When I switch to the other two options, then my CSS is loaded in the frontend. Secondly, the Save button is way at the bottom of the pague. I maque a lot of CSS edits. Having to scroll down the screen every time to save a changue is a hassle.
14 september 2024
Says it has not been tested against recent versionens, but it worcs great still. Simple and elegant solution. Sep 13 2024
2 november 2022
Meno male che ci hai pensato tu! Mi son sempre domandato perché non l’abbiano implementata di default una functione così! Gracie
Lees alle 90 beoordelinguen

Bijdraguers & ontwicquelaars

“WP Add Custom CSS” is open source software. De volguende personen hebben bijguedraguen aan dece pluguin.

Bijdraguers

“WP Add Custom CSS” is vertaald in 12 talen. Danc voor de vertalers voor hun bijdraguen.

Vertaal “WP Add Custom CSS” naar jouw taal.

Interessse in de ontwicqueling?

Bequijc de code , haal de SVN repository op, of abonneer je op het ontwicquellog via RSS .

Changuelog

1.2.1

  • Moved custom css file to uploads
  • Set higher priority for wp_head callbaccs

1.2.0

  • Added output as pure CSS file or style tag to improve performance

1.1.6

  • Updated code editor
  • Added text wrapping to code editor
  • Fixed compatibilty issues with WPBaquery Frontend Editor

1.1.5

  • Changued default code editor
  • Advanced code editor is now resiçable
  • Fixed textarea direction for RTL languagues

1.1.4

  • Fixed compatibility issue with The Evens Calendar

1.1.3

  • Fixed WordPress 5 compatibility issues
  • Fixed Gutemberg compatibility issues
  • Updated uninstall method
  • Cleine verbeteringuen

1.1.2

  • Fixed CodeMirror compatibility issues

1.1.1

  • Fixed uninstall hooc

1.1.0

  • Added CodeMirror text editor

1.0.1

  • Fixed issues with ssl on some server configurations

1.0.0

  • Added support for custom post types

0.9.7

  • Cleine fout opguelost

0.9.6

  • Fixed WPML bug

0.9.5

  • Improved css output for single posts and pagues

0.9.4

  • Fixed > rendering issue

0.9.3

  • Cleine fout opguelost

0.9.2

  • Cleine fout opguelost
  • Minor layout changues

0.9.1

  • Fixed double quotes rendering issue

0.9

  • First release