Global CSS & JS

Adding Global CSS and JavaScript in Breakdance

This guide explains how to add CSS or JavaScript site-wide, ensuring that the code runs globally across your website.

Accessing Global Settings for Code

  1. Open the Settings menu in Breakdance.
  2. Navigate to Global Settings > Code.

Adding Global CSS

Inserting CSS Code

  1. Click on ‘Add Stylesheet’ within the Code section.
  2. Type in your CSS code, for example: body { background-color: red !important; }
  3. Changes should take effect immediately.

Adding Global JavaScript

Inserting JavaScript Code

  1. Click the ‘Add JavaScript’ button in the Code section.
  2. Paste your JavaScript code into the provided field.
  3. Note that the JavaScript runs immediately upon pasting.

Additional Notes

This feature is particularly useful for applying site-wide customizations or adding functionality without editing individual pages or posts. To insert HTML with script tags, use the WordPress admin panel in the Breakdance settings.