adding custom javascript to wordpress theme 2017 code block

Adding Custom JavaScript to Your WordPress Theme: A Step-by-Step Guide

When it comes to adding custom code to your WordPress theme, one of the most convenient ways to do so is by using the Code Block element in Avada Builder or Live. This powerful tool allows you to add HTML, CSS, and JavaScript code to your page without worrying about WordPress altering its format.

To get started with adding custom JavaScript to your WordPress theme using the Code Block element, follow these simple steps:

First, ensure that Avada Builder or Live is active on your website. Then, navigate to the section of your page where you want to add the custom code and create or choose a Column for the Element to be added into.

Once you have created the Column, click on the 'Add Element' button and select the Code Block element from the available options. This will open up a new window with a text editor where you can enter your custom JavaScript code.

Before entering your code, take note that Avada takes the content and converts it into a base64 string by default to prevent WordPress from altering its format. This encoding helps to stop WordPress from inserting unwanted tags, line breaks, or formatting changes to your code.

To ensure that the Code Block element works as expected, make sure that Code Block Encoding is enabled in the Options > Advanced > Theme Features tab. Once you have entered your custom JavaScript code and enabled Code Block Encoding, click Save to apply the changes.

Now, when you preview the page, you will see the rendered code exactly as it was inserted into the Code Block element. This means that any formatting or alterations made by WordPress will be preserved, giving you complete control over how your custom code is displayed on your website.

In summary, adding custom JavaScript to your WordPress theme using the Code Block element in Avada Builder or Live is a straightforward process that requires minimal technical expertise. By following these simple steps and ensuring that Code Block Encoding is enabled, you can add custom JavaScript code to your page without worrying about WordPress altering its format.

If you're looking for more advanced tutorials on how to use the Code Block element, be sure to check out some of our other resources, including:

* How To Use Conditional Element Rendering in Avada

* How To Use the Dynamic Options In The Countdown Element

* How To Set Up A Click Mode Menu In The Best Way Using The Menu Element

* How To Use Captions On Image Based Elements

* Introducing Flexbox for Containers and Columns

* Container and Column Element Legacy Settings

Adding custom javascript to wordpress theme 2017 code block