Overview
MokoOnyx provides two files for site-specific customisations that survive template updates:
media/templates/site/mokoonyx/css/user.cssmedia/templates/site/mokoonyx/js/user.js
How They Load
Both files are loaded last via the Joomla Web Asset Manager, after all theme stylesheets and template scripts. This ensures your overrides take precedence without needing !important.
Auto-Minification
MokoOnyx automatically minifies user.css and user.js on first page load when not in development mode. The minified versions are served to visitors for better performance.
Development Mode
Enable Development Mode in the Advanced tab to load unminified source files for easier debugging, skip the minification cache, and see verbose error output.
Best Practices
- Use user.css for layout tweaks, colour overrides, or component styling
- Use user.js for analytics snippets, custom interactions, or third-party integrations
- These files are excluded from version control and are site-specific