Get full control over the design and functionality of your WordPress site. Did you ever customize a plugin to fit the theme and you wanted to keep the customizations during theme and plugin updates? 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? Did you ever need to get your customer’s or co-worker’s approval for changes before you make the changes live? 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:
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.
Network wide custom CSS/JS/HTML codes
On multisite WordPress installations any custom CSS/JS/HTML code written in the main subsite can show up on all the other subsites, if the “Apply network wide” option is enabled. The Simple Custom CSS and JS Pro plugin needs to be activated on all the subsites where you want the custom code to show up, but the license key doesn’t need to be activated on each of the subsites for this functionality to work.
Add shortcodes
Any custom HTML code can be placed in the page’s header, the footer or, if given an id, it can be used as a shortcode in a page/post or in a text widget. The shortcodes also accept variables, so the same shortcode can be shown in several places on your website with slight modifications. In a multisite WordPress installation a shortcode defined in the main subsite with the “Apply network wide” option enabled can be used in any other subsite.
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.
