The theme options panel allows you to add custom jQuery to your website without the need to edit any core theme files or setup a child theme. If you’re a developer this is a great way to customize your site safely.

Add Sitewide Custom jQuery

To add custom jQuery that will display on every page of your website follow the steps below.

• Go to the General Settings section of the theme options panel and scroll down Custom jQuery.
• Add any css that you want to use into the field and then save the theme options panel.
• The code will now be output on your website on every page.

Add Page Specific Custom jQuery

To add custom jQuery that will only display on specific pages of your website follow the steps below.

• Go to the page / post to which you want to add the custom jQuery.
• Scroll down to the Custom jQuery setting within the in-page options panel.
• Add any css that you want to use into the field and then save the page /post.
• The code will now be output only on that specific page.