Quick summary
This demo shows how to change the background color in a Joomla template by editing the editor.css file directly from the Joomla administrator panel. No third-party tools are needed — the entire customization is completed within Joomla's built-in Site Templates editor.
Steps
- Open the System menu in the Joomla administrator panel to access core site settings.
- Navigate to Site Templates to manage your website's appearance and functionality.
- Click your active template (e.g., Cassiopeia) to open its details and files.
- Access the template files section to browse and modify your site's visual styling.
- Open editor.css to edit the CSS file that controls your content's visual appearance.
- Locate the CSS style definitions and update the background color values as needed.
- Click Save & Close to apply your customizations to the Joomla site immediately.



