Simple Custom CSS and JS PRO

Get full control over the design and functionality of your WordPress site

 
Click here for Pricing   Documentation

Essential for WordPress professionals

As a WordPress web developer you definitely encountered at least one of the following situations:
image/svg+xml

Customizations

Did you ever customize a plugin to fit the theme and you wanted to keep the customizations during theme and plugin updates?

Just quickly

Did you ever "just want to try this quickly" and you didn't feel like digging into the theme's files and then upload them with FTP?

Get Approval

Did you ever need to get your customer's or co-worker's approval for changes before you make the changes live?

Limit Pages

Did you ever want to add custom CSS or JS only on specific pages?
Check out the "Simple Custom CSS and JS PRO" features to see how you can improve your workflow as a professional WordPress web developer.

Great Features for you to enjoy

Separate CSS and JS codes

Write separate CSS and JS codes that are easy to manage. For example: you can write a CSS code for customizing the current theme, another JS code for adding the Google Analytics or the Facebook Pixel code and another JS for enabling the Google Maps on the contact page.


Minify the CSS and JS codes

Reduce the size of your codes so your website stays sleak and loads fast. In a survey of ten top U.S. web sites, minification achieves a 21% size reduction.
(Noted in Best Practices for Speeding Up Your Web Site from Yahoo)


Preview the code changes

You can check how the website looks like before you save the code and apply the changes live. By clicking on the Preview Changes button, a preview page will be opened in a new tab. The generated URL in the new tab can be shared with your co-workers or your customers, so you can ask their opinion about the changes before making them live.


Revisions

Keep a history of all the changes done to the CSS and JS codes along with the options, the date and the user who has done the changes. You can compare any two individual revisions to see what was added, what remained unchanged and what was removed.


Apply only on certain URLs

By default the code is applied on the entire website. Use this feature to restrict the pages on which the code shows up. For example, the settings from the left screenshot will apply the code on the entire website, except on the pages with the URL containing the word "category". You can add further constrains to match exactly the pages you want.


Choose your editor's theme

A selection of 40+ predefined themes that let you quickly change the look and feel of the editor. Enjoy your coding just as much as with a desktop editor.


Apply Less and SASS Preprocessors

Get professional with CSS by adding nested rules, variables, mixins, selector inheritance, mathematical or logical calculations ... If you already write in SASS or Less then you know the plentitude of advantages.


Export and Import CSS and JS codes

These are your codes; you can do whatever you want with them. If you want to reuse the code in another WordPress installation, you can simply export the code along with all the metadata (options, preview URL, URL restrictions, except the revisions).


Webmasters just like you are using the plugin and they're happy with the results


Select the best option for you, and download it now

Personal
$58.50
  • 1 Site
  • All Features
  • Automatic Updates
  • 5-Star Support
Buy Now
Most Popular Developer
$66.00
  • 10 Sites
  • All Features
  • Automatic Updates
  • 5-Star Support
Buy Now
Big Agency
$335.50
  • 50 Sites
  • All Features
  • Automatic Updates
  • 5-Star Support
Buy Now
* Once you buy the plugin you can use it forever. Automatic updates and support are granted for 1 Year. Renewals discounted at 40%.

  • Version: 3.10
  • Last updated: 4 weeks ago
  • Requires WordPress Version:3.0.1
  • Tested up to: 4.9.1