Custom CSS and JavaScript

By WP Zone

Easily add custom CSS and JavaScript code to your WordPress site, with draft previewing, revisions, and minification!

4.7

Rating summary

Reviews

10K

Active installations

Download the Plugin View Demo

Overview

Compatibility

Installation instructions

Customer support & learning resources

Changelog

Main benefits

Custom site-wide CSS/JS

Syntax highlighting editor

Save and preview drafts

Restore past revisions

Automatic code minification

About this plugin

Author: WP Zone

Categories: Design and Customization

Version: 2.0.16

Last updated: 29-03-2024

WordPress version: 3.5

Tested up to: 6.4.5

PHP version required: false

Languages:

Tags:

Custom css Styles Stylesheet Javascript Custom javascript

Learning resources: View resources

Overview

The Custom CSS and JavaScript WordPress plugin is designed to enhance your website by allowing the seamless addition of custom CSS styles and JavaScript code site-wide. This versatile tool enables you to override existing theme styles and incorporate client-side functionality effortlessly. It features a sophisticated code editor with syntax highlighting and AJAX saving capabilities, ensuring that changes are updated without having to reload the editor. Users can save and preview their changes in a draft mode that is only visible to logged-in users with permissions, providing a secure way to perfect your customizations before public deployment. Additional features include revision history, automatic code minification, and serving code from the filesystem for performance optimization. The Developer Edition expands functionality by supporting SCSS, organizing code into virtual files, and offering live previews. User access is governed by capabilities, giving administrators the flexibility to manage permissions effectively.

Code Editor with Syntax Highlighting and AJAX Saving

Provides a user-friendly interface for writing code.
Syntax highlighting helps in identifying errors quickly.
AJAX saving prevents the need to reload the editor after each save.

Save and Preview Drafts

Allows you to save CSS and JavaScript as drafts.
Drafts are only visible to logged-in users with necessary permissions.
Ensures changes can be reviewed before being published to the public.

Automatic Minification

Reduces the file size of custom CSS and JavaScript.
Improves site performance by serving smaller files.
Minification is done automatically, saving time and effort.

Custom CSS and JavaScript Developer Edition

Organize code into multiple virtual files for better management.
Supports advanced features like Sassy CSS (SCSS).
Includes live preview for CSS and options to upload/download files.

Features list

Feature

Premium version

Access to all WP Zone products

Get full access to all products offered by WP Zone.

Use on unlimited websites

Utilize the products on an unlimited number of websites.

Access to all future products & releases

Receive access to all upcoming products and updates.

20% off select premium Divi and WordPress courses

Enjoy a 20% discount on selected premium courses for Divi and WordPress.

Premium support

Benefit from priority customer support services.

Early access to new products

Gain early access to newly released products.

Automatic renewals

Subscriptions are automatically renewed for your convenience.

Option to turn off automatic renewals

Choose to disable automatic renewals if preferred.

Upgrade to Lifetime Membership available

Option to upgrade to a lifetime membership is available.

Pricing

Single Site

$30 / annually

Plan includes

Activate the product on a single site

Annual billing

Support and updates included

Product continues to function even if license expires

Upgrade plan available

Buy Now

Membership

$199 / annually

Plan includes

Access to all WP Zone products

Use on unlimited websites

Access to all future products & releases

20% off select premium Divi and WordPress courses

Premium support

Early access to new products

Automatic renewals

Option to turn off automatic renewals

Buy Now

In some cases companies have different prices based on various components like a location. As a result the prices displayed here can differ from the ones you see on their websites.

See all pricing options

Find Your Price Plan

Rating and reviews

4.7

Rating summary

Reviews

10K

Active installations

User sentiment analysis

Users find this WordPress plugin incredibly helpful for adding and managing custom CSS and JavaScript without modifying the theme files, which can be lost during updates. They appreciate its simplicity, ease of use, and useful features like syntax highlighting, line numbers, and automatic minification. The plugin's ability to save and publish changes efficiently is a big plus. However, several users report issues like lack of support, incompatibility with the latest PHP, missing code editors, documentation deficiencies, and a security token expiration error. Despite these drawbacks, many regard the plugin as indispensable for their website customization needs.

sloanthrasher

08 Apr, 2024

Works great, just what I needed to set up of special fields.

zamaan

13 Mar, 2024

There is no instruction weather we need to ad the script tag or not.

serguei9090

26 Jan, 2024

Thanks you for your help!!

feourives

25 Jul, 2023

Great alternative!

wow1

17 May, 2023

CSS is Good but JS doesn’t work

See All Reviews

More plugins like this

See all

Custom CSS and JavaScript

Overview

Compatibility

Installation instructions

Customer support & learning resources

Changelog

Main benefits

About this plugin

Overview

Code Editor with Syntax Highlighting and AJAX Saving

Save and Preview Drafts

Automatic Minification

Custom CSS and JavaScript Developer Edition

Features list

Pricing

Plan includes

Plan includes

Rating and reviews

User sentiment analysis

More plugins like this

WP Add Custom CSS

Simple Custom CSS and JS

Simple Custom CSS Plugin

Custom JS

FAQ

What is the main purpose of the Custom CSS and JavaScript plugin?

How does the code editor in the plugin work?

Can I preview my CSS and JavaScript changes before publishing?

Is it possible to view and restore past revisions of my code?

Does the plugin support code minification?

How is the custom code served to the public for optimal performance?

What additional features are available in the Custom CSS and JavaScript Developer Edition?

Who has access to the plugin features?