# Overview

Add custom CSS, JavaScript, or HTML to your status dashboard.

Source: https://statusdashboard.com/docs/status-dashboards/code

> This is a plan-gated feature. If it isn't available in your account, visit the [Billing](/docs/org-mgmt/billing) page or contact support to review your options.

Custom code extends your status dashboard with CSS, JavaScript, or replacement header and footer HTML. Use these tools when branding controls alone are not enough for your layout or analytics needs.

***

## In this section
The **Custom Code** section lets you extend your status dashboard with custom CSS, JavaScript, and HTML. CSS and JavaScript apply across all public dashboard pages; header and footer HTML replace the native platform chrome when set. Custom code settings are per-dashboard.

| Topic                                         | What you configure                                                             |
| --------------------------------------------- | ------------------------------------------------------------------------------ |
| [CSS](/docs/status-dashboards/code/css)       | Styles injected into a `<style>` tag to override defaults and match your brand |
| [JS](/docs/status-dashboards/code/js)         | JavaScript executed once when a visitor loads your public dashboard            |
| [Header](/docs/status-dashboards/code/header) | HTML that replaces the native status dashboard header                          |
| [Footer](/docs/status-dashboards/code/footer) | HTML that replaces the native status dashboard footer                          |