[av_section min_height=” min_height_pc=’25’ min_height_px=’500px’ padding=’default’ custom_margin=’0px’ custom_margin_sync=’true’ color=’main_color’ background=’bg_color’ custom_bg=’#ffffff’ background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” shadow=’no-border-styling’ bottom_border=’no-border-styling’ bottom_border_diagonal_color=’#333333′ bottom_border_diagonal_direction=” bottom_border_style=” custom_arrow_bg=” id=” custom_class=” template_class=” aria_label=” av_element_hidden_in_editor=’0′ av_uid=’av-n29ane’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp5c23xh’ sc_version=’1.0′ admin_preview_bg=”]

Developer Friendly

If you are a web developer or have your own agency, CJT PLUS is great for adding custom code and streamlining development workflows.
[/av_textblock]
[/av_section]

[av_one_full first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-x138y2′ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp5ca1e3′ sc_version=’1.0′ admin_preview_bg=”]

What is CSS & JavaScript Toolbox PLUS (or CJT PLUS)?

CJT PLUS is a premium WordPress plugin for adding code to your website.

Add JavaScript, HTML, CSS, PHP, or even plain text. Then choose where on your website you want it to go. It’s so easy!
[/av_textblock]
[/av_one_full]

[av_hr class=’invisible’ icon_select=’yes’ icon=’ue808′ font=’entypo-fontello’ position=’center’ shadow=’no-shadow’ height=’30’ custom_border=’av-border-thin’ custom_width=’50px’ custom_margin_top=’30px’ custom_margin_bottom=’30px’ custom_border_color=” custom_icon_color=” id=” custom_class=” template_class=” av_uid=’av-kr4vl6jk’ sc_version=’1.0′ admin_preview_bg=”]

[av_two_fifth first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=’aviaTBcustom_margin’ margin=’0px’ margin_sync=’true’ mobile_breaking=” border=” border_color=” radius=’0px’ radius_sync=’true’ padding=’0px’ padding_sync=’true’ column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ highlight_size=’1.1′ animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-nerecq’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp5cizvx’ sc_version=’1.0′ admin_preview_bg=”]

What it’s used for:

Front-end modifications

Create code blocks with custom CSS code and have complete control in customising the look of your website
Assign code blocks to run site-wide OR to only run on specific sections of your site such as pages, posts, categories, etc
Your code is kept safety in the database so you can update your theme without losing it

[/av_textblock]
[/av_two_fifth]

[av_three_fifth min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-nr32kq’ sc_version=’1.0′]
[av_testimonials style=’grid’ columns=’1′ grid_style=’av-minimal-grid-style av-boxed-grid-style’ font_color=” custom_title=” custom_content=” interval=’5′ alb_description=” id=” custom_class=” template_class=” av_uid=’av-kp5cspdv’ sc_version=’1.0′ admin_preview_bg=”]
[av_testimonial_single src=’12693′ name=’Rebekah Blizzard’ subtitle=’Graphic / Web Designer, New Media Production’ link=’https://blizzardbranding.myportfolio.com’ linktext=’blizzardbranding’ av_uid=’av-kp5cr8ah’ sc_version=’1.0′]
Must-have plugin for developers

This plugin has been a life saver for me. I’ve been able to customise my theme exactly the way I want it. I’ve built submenus to specific pages, a custom shadowbox, short-codes containing repeating content such as order forms, and implemented JavaScript for scrolling animations. The sky is the limit!
[/av_testimonial_single]

[/av_testimonials]
[/av_three_fifth]

[av_one_full first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-rhiqyy’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp5di8rq’ sc_version=’1.0′ admin_preview_bg=”]

Adding functionality

Don’t add WordPress plugins for simple tasks or features. Doing so can risk slowing down your site and introduce bugs and security issues. Create code blocks and add functionality with PHP or JavaScript instead.
[/av_textblock]
[/av_one_full]

[av_one_full first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-tr0zoq’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp5elt2z’ sc_version=’1.0′ admin_preview_bg=”]

Fast development for developers and agencies

Streamline your development workflow
Use CJT PLUS to add all of your initial setup codes in the one place (e.g. custom stylesheets, popup banner code, Google Maps code, image magnification code, tracking or advertising code, live chat code, etc)
Export all your code blocks to a datafile and import into another site

[/av_textblock]
[/av_one_full]

[av_one_full first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-1pbu25m’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6mdgc9′ sc_version=’1.0′ admin_preview_bg=”]

CJT PLUS Features:

[/av_textblock]

[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6mfx35′ sc_version=’1.0′ admin_preview_bg=”]
CJT PLUS works around the concept of a code block. Each code block combines a Code Editor and an Assignment Panel.
[/av_textblock]
[/av_one_full]

[av_one_half first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=’aviaTBcustom_margin’ margin=’0px’ margin_sync=’true’ mobile_breaking=” border=” border_color=” radius=’0px’ radius_sync=’true’ padding=’0px’ padding_sync=’true’ column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ highlight_size=’1.1′ animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-15ntdka’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6mtfzh’ sc_version=’1.0′ admin_preview_bg=”]
The Code Editor is where you add your code
[/av_textblock]

[av_image src=’https://css-javascript-toolbox.com/wp-content/uploads/2021/05/Code_Block_Code_Editor.png’ attachment=’15027′ attachment_size=’full’ copyright=” caption=” styling=” align=’center’ font_size=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ hover=” appearance=” link=’lightbox’ target=” title_attr=” alt_attr=” lazy_loading=’disabled’ id=” custom_class=” template_class=” av_element_hidden_in_editor=’0′ av_uid=’av-kp6mi4dp’ sc_version=’1.0′ admin_preview_bg=”][/av_image]
[/av_one_half]

[av_one_half min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-qaeyru’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6mtubn’ sc_version=’1.0′ admin_preview_bg=”]
The Assignment Panel is where you want your code to go
[/av_textblock]

[av_image src=’https://css-javascript-toolbox.com/wp-content/uploads/2021/05/Code_Block_Assignment_Panel.png’ attachment=’15028′ attachment_size=’full’ copyright=” caption=” styling=” align=’center’ font_size=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ hover=” appearance=” link=’lightbox’ target=” title_attr=” alt_attr=” lazy_loading=’disabled’ id=” custom_class=” template_class=” av_element_hidden_in_editor=’0′ av_uid=’av-kp6misl4′ sc_version=’1.0′ admin_preview_bg=”][/av_image]
[/av_one_half]

[av_one_full first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-6x688a’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6n2pws’ sc_version=’1.0′ admin_preview_bg=”]
There’s also a bunch of useful code block tools that you can use as shown below.
[/av_textblock]
[/av_one_full]

[av_one_half first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=’aviaTBcustom_margin’ margin=’0px’ margin_sync=’true’ mobile_breaking=” border=” border_color=” radius=’0px’ radius_sync=’true’ padding=’0px’ padding_sync=’true’ column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ highlight_size=’1.1′ animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-68ivsa’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6nc8w2′ sc_version=’1.0′ admin_preview_bg=”]
Code Block Admin Toolbar
[/av_textblock]

[av_image src=’https://css-javascript-toolbox.com/wp-content/uploads/2021/05/Code_Block_Admin_Toolbar.png’ attachment=’15039′ attachment_size=’full’ copyright=” caption=” styling=” align=’center’ font_size=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ hover=” appearance=” link=’lightbox’ target=” title_attr=” alt_attr=” lazy_loading=’disabled’ id=” custom_class=” template_class=” av_element_hidden_in_editor=’0′ av_uid=’av-kp6nbclm’ sc_version=’1.0′ admin_preview_bg=”][/av_image]
[/av_one_half]

[av_one_half min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=” margin=’0px’ mobile_breaking=” border=” border_color=” radius=’0px’ padding=’0px’ column_boxshadow=” column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ highlight=” highlight_size=” animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-ysz25m’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6ncmiq’ sc_version=’1.0′ admin_preview_bg=”]
Code Block Editor Toolbar
[/av_textblock]

[av_image src=’https://css-javascript-toolbox.com/wp-content/uploads/2021/05/Code_Block_Editor_Tools.png’ attachment=’15040′ attachment_size=’full’ copyright=” caption=” styling=” align=’center’ font_size=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ hover=” appearance=” link=’lightbox’ target=” title_attr=” alt_attr=” lazy_loading=’disabled’ id=” custom_class=” template_class=” av_element_hidden_in_editor=’0′ av_uid=’av-kp6nbwv0′ sc_version=’1.0′ admin_preview_bg=”][/av_image]
[/av_one_half]

[av_one_half first min_height=” vertical_alignment=’av-align-top’ space=” row_boxshadow_color=” row_boxshadow_width=’10’ custom_margin=’aviaTBcustom_margin’ margin=’0px’ margin_sync=’true’ mobile_breaking=” border=” border_color=” radius=’0px’ radius_sync=’true’ padding=’0px’ padding_sync=’true’ column_boxshadow_color=” column_boxshadow_width=’10’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ highlight_size=’1.1′ animation=” link=” linktarget=” link_hover=” title_attr=” alt_attr=” mobile_display=” id=” custom_class=” template_class=” aria_label=” av_uid=’av-30hhze’ sc_version=’1.0′]
[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kp6ndryo’ sc_version=’1.0′ admin_preview_bg=”]
Code Block Toolbar
[/av_textblock]

[av_image src=’https://css-javascript-toolbox.com/wp-content/uploads/2021/05/Code_Block_Toolbar.png’ attachment=’15041′ attachment_size=’full’ copyright=” caption=” styling=” align=’center’ font_size=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ hover=” appearance=” link=’lightbox’ target=” title_attr=” alt_attr=” lazy_loading=’disabled’ id=” custom_class=” template_class=” av_element_hidden_in_editor=’0′ av_uid=’av-kp6ndhtx’ sc_version=’1.0′ admin_preview_bg=”][/av_image]
[/av_one_half]