Title: WP Add Custom CSS Author: Daniele De Santis Published: 2014(e)ko urriaren 4(a) Last modified: 2025(e)ko abuztuaren 14(a) --- Bilatu pluginak ![](https://ps.w.org/wp-add-custom-css/assets/banner-772x250.png?rev=1001727) Plugin hau **ez da probatu WordPressen azken 3 bertsio garrantzitsuenekin**. Baliteke, jada, mantentze edo euskarririk ez izatea, eta, WordPressen bertsio berriagoekin erabiltzen denean, bateragarritasun arazoak izan ditzake. ![](https://ps.w.org/wp-add-custom-css/assets/icon-256x256.png?rev=1001727) # WP Add Custom CSS [Daniele De Santis](https://profiles.wordpress.org/danieledesantis/)-(r)en eskutik [Deskargatu](https://downloads.wordpress.org/plugin/wp-add-custom-css.1.2.1.zip) * [Xehetasunak](https://eu.wordpress.org/plugins/wp-add-custom-css/#description) * [Berrikuspenak](https://eu.wordpress.org/plugins/wp-add-custom-css/#reviews) * [Instalazioa](https://eu.wordpress.org/plugins/wp-add-custom-css/#installation) * [Garapena](https://eu.wordpress.org/plugins/wp-add-custom-css/#developers) [Laguntza](https://wordpress.org/support/plugin/wp-add-custom-css/) ## Deskripzioa 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**. ## Pantaila-argazkiak [⌊Add custom CSS to the whole website.⌉⌊Add custom CSS to the whole website.⌉[ Add custom CSS to the whole website. [⌊Add custom CSS to specific posts.⌉⌊Add custom CSS to specific posts.⌉[ Add custom CSS to specific posts. [⌊Add custom CSS to specific pages.⌉⌊Add custom CSS to specific pages.⌉[ Add custom CSS to specific pages. [⌊Add custom CSS to specific custom post types (such as Woocommerce products).⌉⌊ Add custom CSS to specific custom post types (such as Woocommerce products).⌉[ Add custom CSS to specific custom post types (such as Woocommerce products). ## Instalazioa #### Instalazio automatikoa 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 #### Eskuzko instalazioa 1. Upload the plugin folder to the `/wp-content/plugins/` directory via ftp 2. Activate the plugin through the ‘Plugins’ menu in WordPress ## MEG ### 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. ### 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 optimization plugins to cache and minify the output. Choosing“ Use a style tag in the HTML head” outputs the CSS directly in the of the page, which can improve above-the-fold rendering performance. By default, the “Use WordPress hook” option is selected to maintain backward compatibility. ### 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. ## Berrikuspenak ![](https://secure.gravatar.com/avatar/7b40eba7afdcb0515dff18832c954c709469215f0892c25a4700b82f836ef9b6? s=60&d=retro&r=g) ### 󠀁[love it](https://wordpress.org/support/topic/love-it-4337/)󠁿 [Jesko Bendmann](https://profiles.wordpress.org/skobe/) 2025(e)ko abenduaren 15( a) simple and one click access. great plugin. ![](https://secure.gravatar.com/avatar/69b74a8b449201f3e9e4c562803d8ede0bb97bd5ad04af631f12d6a7cac673ea? s=60&d=retro&r=g) ### 󠀁[It does exactly what it says in the tin](https://wordpress.org/support/topic/it-does-exactly-what-it-says-in-the-tin-11/)󠁿 [danielepais](https://profiles.wordpress.org/danielepais/) 2025(e)ko azaroaren 22(a) Great simple and effective plugin. ![](https://secure.gravatar.com/avatar/4b04f3868d5d00557a0e117f43262a23de2b023b16cf33e18bf233ecce7e4515? s=60&d=retro&r=g) ### 󠀁[Still works great](https://wordpress.org/support/topic/still-works-great-44/)󠁿 [Hudson Atwell](https://profiles.wordpress.org/hudson-atwell/) 2024(e)ko irailaren 14(a) Says it has not been tested against recent versions, but it works great still. Simple and elegant solution. Sep 13 2024 ![](https://secure.gravatar.com/avatar/6cdb7ee723dbce6b4f6d54db4f43eacfaa64e0ed63fc607f86432b2ccf155bfc? s=60&d=retro&r=g) ### 󠀁[Still the best](https://wordpress.org/support/topic/still-the-best-42/)󠁿 [Rafał](https://profiles.wordpress.org/ayek/) 2024(e)ko abuztuaren 2(a) …while custom CSS per post / page is needed ![](https://secure.gravatar.com/avatar/a2465a84b58c3419e67a4805239ea2f9bb10bebc615e5d14458d21348e03322e? s=60&d=retro&r=g) ### 󠀁[Grazie a Daniele!](https://wordpress.org/support/topic/grazie-a-daniele/)󠁿 [Andrea](https://profiles.wordpress.org/youfriend/) 2022(e)ko azaroaren 2(a) Meno male che ci hai pensato tu! Mi son sempre domandato perché non l'abbiano implementata di default una funzione così! Grazie ![](https://secure.gravatar.com/avatar/7887103ed67074de77a7b5744a1f905b041f6fa8f97f5b333b9f74d0d8a32542? s=60&d=retro&r=g) ### 󠀁[Did just what I needed](https://wordpress.org/support/topic/did-just-what-i-needed-4/)󠁿 [macpuppy](https://profiles.wordpress.org/macpuppy/) 2022(e)ko otsailaren 4(a) I was trying to figure out a way to add unique CSS to a line of products to make the pages look different than the 'regular' line of products. This allows me to add a field in each product and then copy the product or copy and paste the code when needed. Wokrking in WP 5.9 with WooCommerce. [ Irakurri 90 berrikuspenak ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/) ## Laguntzaileak eta Garatzaileak “WP Add Custom CSS” software librea da. Ondoko pertsonek egin dizkiote ekarpenak plugin honi. Laguntzaileak * [ Daniele De Santis ](https://profiles.wordpress.org/danieledesantis/) WP Add Custom CSS 12 eskualde-ezarpenetara itzuli da. Eskerrik asko [itzultzaileei](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css/contributors) beraien ekarpenengatik. [Itzul zaitez WP Add Custom CSS zure hizkuntzara.](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css) ### Garapena interesatzen zaizu? [Araka kodea](https://plugins.trac.wordpress.org/browser/wp-add-custom-css/), begiratu [SVN biltegia](https://plugins.svn.wordpress.org/wp-add-custom-css/) edo harpidetu [garapen erregistrora](https://plugins.trac.wordpress.org/log/wp-add-custom-css/) [RSS](https://plugins.trac.wordpress.org/log/wp-add-custom-css/?limit=100&mode=stop_on_copy&format=rss) bidez. ## Aldaketen loga #### 1.2.1 * Moved custom css file to uploads * Set higher priority for wp_head callbacks #### 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 WPBakery Frontend Editor #### 1.1.5 * Changed default code editor * Advanced code editor is now resizable * Fixed textarea direction for RTL languages #### 1.1.4 * Fixed compatibility issue with The Events Calendar #### 1.1.3 * Fixed WordPress 5 compatibility issues * Fixed Gutenberg compatibility issues * Updated uninstall method * Minor improvements #### 1.1.2 * Fixed CodeMirror compatibility issues #### 1.1.1 * Fixed uninstall hook #### 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 * 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 ## Meta * Version **1.2.1** * Azken eguneraketa **duela urte 1** * Instalazio aktiboak **60.000+** * WordPress bertsioa ** 4.0 edo handiagoa ** * **6.8.10** (e)raino probatuta. * Hizkuntzak * [Danish](https://da.wordpress.org/plugins/wp-add-custom-css/), [Dutch](https://nl.wordpress.org/plugins/wp-add-custom-css/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/wp-add-custom-css/), [English (US)](https://wordpress.org/plugins/wp-add-custom-css/), [French (France)](https://fr.wordpress.org/plugins/wp-add-custom-css/), [Galician](https://gl.wordpress.org/plugins/wp-add-custom-css/), [Japanese](https://ja.wordpress.org/plugins/wp-add-custom-css/), [Norwegian (Bokmål)](https://nb.wordpress.org/plugins/wp-add-custom-css/), [Russian](https://ru.wordpress.org/plugins/wp-add-custom-css/), [Spanish (Chile)](https://cl.wordpress.org/plugins/wp-add-custom-css/), [Spanish (Spain)](https://es.wordpress.org/plugins/wp-add-custom-css/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-add-custom-css/), eta [Swedish](https://sv.wordpress.org/plugins/wp-add-custom-css/). * [Itzuli zure hizkuntzara](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css) * Etiketak * [css](https://eu.wordpress.org/plugins/tags/css/)[custom css](https://eu.wordpress.org/plugins/tags/custom-css/) [style](https://eu.wordpress.org/plugins/tags/style/)[styles](https://eu.wordpress.org/plugins/tags/styles/) [stylesheet](https://eu.wordpress.org/plugins/tags/stylesheet/) * [Ikuspegi aurreratua](https://eu.wordpress.org/plugins/wp-add-custom-css/advanced/) ## Balorazioak 4.8 out of 5 stars. * [ 82 5-star reviews ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=5) * [ 2 4-star reviews ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=3) * [ 2 2-star reviews ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=2) * [ 2 1-star reviews ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/) ## Laguntzaileak * [ Daniele De Santis ](https://profiles.wordpress.org/danieledesantis/) ## Laguntza Zerbait duzu esateko? Laguntza behar? [Ikusi laguntza foroa](https://wordpress.org/support/plugin/wp-add-custom-css/)