Zephyr Knowledge Base Advanced Modifications Applying Custom CSS, HTML and JavaScript

Applying Custom CSS, HTML and JavaScript

Global Custom CSS #

To customize theme CSS you can use "Custom CSS" field located on Zephyr > Theme Options > Custom Code > Custom CSS page. Code from this field will be added to the Theme Options generated styles after all other theme CSS rules.

2293.png

Custom CSS for Particular Page #

Read Page Style Customization Guide for details.

Global Custom HTML and JavaScript #

When you want to add some script or some additional element to all pages of your site, you can use "Custom HTML" field located on Zephyr > Theme Options > Custom Code > Custom HTML.

2294.png

2295.png

Code from these fields will be added to the head or footer section of your site. You can use JavaScript code with <script></script> tags. Also, you can add Google Analytics or other tracking code into these fields.

Custom HTML and JavaScript for Particular Page #

You can append your custom code via WPBakery Page Builder (formerly Visual Composer) to a particular page using Raw HTML and Raw JS elements.

2296.png