Documentation

PowerPack – Custom CSS And JS

Introduction

Customize site appearance by easily adding custom CSS or JS code without even having to modify your theme or plugin files.

Features:

Here you will find the main features which are included in ‘Custom CSS and JS’ Plugin.

  1. Customize site appearance by easily adding custom CSS or JS code without even having to modify your theme or plugin files.
  2. Add CSS or JS globally or for particular Page or Post also.
  3. Code Written in WordPress Standard.

Installation

Installation of Custom CSS and JS requires a few clicks. To install the plugin, please use the following steps:

  1. Please goto the PowerPack Modules -> Appearance, Find out Custom CSS and JS Module, and Please Click on the top right button .
  2. That will becomes green on your click and click on ‘save changes’ button to save your changes.
  3. Now your plugin is activated and you can see a message ‘Plugin activated’ at the top of the window.
  4. Now You can check your activated modules in ‘Active Modules’ Tab.

Custom CSS and JS Module should now be installed successfully!

Getting started with Custom CSS and JS Module

Custom CSS and JS Module adds a Menu tab in WP Admin side with the name “PowerPack -> Custom CSS and JS” where you can add global CSS or JS code without even having to modify your theme or plugin files. You can aso seect specific custom posts wherever you want to apply custom Css Or Js By ckeck below fields
Screen shows “Custom CSS and JS” tab in the left side With edited Global Css and Js

global css js

Add Custom Css

  1. Go to the Checked Post type , ex. Selected Post type=”post” then goto Post and click on perticuar post
  2. You will get custom Css editor below the content editor named Custom Css-PwPc
  3. Please Add your Custom Css to this textarea that will Apply to this Post.

Below screen shows how to add Custom Css Add Custom Css

Add Custom Js

  1. Go to the Checked Post type , ex. Selected Post type=”Page” then goto Pages and click on perticuar page
  2. You will get custom Js editor below the content editor named Custom Js-PwPc
  3. Please Add your Custom Js to this textarea that will Apply to this Post.

Below screen shows how to add Custom JsNews Category Page