The Custom CSS/JS panel provides built-in code editors for adding custom CSS and JavaScript directly from the Theme Options panel, without editing theme files.
| Setting | Description |
|---|---|
| CSS Code | Enter custom CSS rules in the Ace editor (Monokai theme). This CSS is output site-wide and will override theme styles. Useful for minor visual tweaks without a child theme. |
| JS Code | Enter custom JavaScript in the Ace editor (Chrome theme). This script is output at the bottom of each page. Useful for adding third-party widget scripts or small custom interactions. |
ℹ️ For larger or more complex customisations, it is recommended to use a child theme instead of this panel to avoid losing changes on theme updates. Custom CSS/JS added here persists through theme updates since it is stored in the database.