Custom CSS & Javascript

Visual Composer Website Builder allows you to add additional CSS or Javascript code directly from the editor and apply it in 2 ways:

  • Local
  • Global

To add local or global CSS or Javascript, navigate to Settings option in your navigation bar and select CSS or Javascript to be added Locally or Globally. Once you have your code added, make sure to save changes.

Note: The full changes will be applied once you Save Settings and Publish/Save Page.

Add custom CSS to your WordPress website via local or global CSS settings

Local CSS & Javascript

The Local option allows adding custom CSS & Javascript to the specific page you are currently editing. It is convenient to use Local when you do want your code to affect only certain page and avoid loading it on any other pages of your WordPress website.

Global CSS & Javascript

The Global option allows adding custom CSS & Javascript to the whole website which means it will load on every page of your WordPress website and may affect styling.

Refer to specific element

In order to refer to a specific element in your layout, make sure to add Extra Class Name to this element via element Edit Window (or group of elements). Afterward, refer to your custom CSS class via dot (ex. .myclass).