---
title: "4. Additional CSS & JS"
description: "![](https://wpchathelp.com/wp-content/uploads/2025/08/chat-help-additional-css-js-scaled.webp) 1. **Custom CSS**: - Add site-wide CSS that loads after the plugin’s styles. Great for aligning the button/bubble with your brand or making per-page tweaks. 2. **Custom JavaScript**: - Run custom JS on pages where the plugin is active—use…"
url: "https://wpchathelp.com/docs/additional-css-js/"
updated: "2025-09-12"
category: 6. Advanced
---

# 4. Additional CSS & JS

![](https://wpchathelp.com/wp-content/uploads/2025/08/chat-help-additional-css-js-scaled.webp)

1. **Custom CSS**:
   - Add site-wide CSS that loads after the plugin’s styles. Great for aligning the button/bubble with your brand or making per-page tweaks.
2. **Custom JavaScript**:
   - Run custom JS on pages where the plugin is active—use it for light interaction tweaks, extra tracking, or conditional behavior.
   - Paste **plain JS** (no `<script>` tags).
   - Runs after the page loads; wrap in a DOM-ready guard if you query elements.
   - Keep it small—heavy scripts can affect performance.