Skip to main content

68 templates now rebuilt for Joomla 5 + VirtueMart 4 on Bootstrap 5. See what changed

How to add a Custom CSS code to the template

Updated ยท in Knowledge Base

Don't edit the CSS files inside the template folder. When you install an update of the template, those files are replaced and your changes are lost.

Instead, put your CSS in the template's Header & Footer Custom Code settings. They are saved with your template style, so they stay when you update the template.

Add your own CSS

  1. In your Joomla administrator, go to System → Site Template Styles and click your template's style.
  2. Open the Header & Footer Custom Code tab.
  3. In Insert code into template header, add your CSS inside a style tag, for example:
    <style> .your-class { color: #1f5fd6; } </style>
  4. Click Save and reload your site. If you don't see the change, clear Joomla's cache (System → Clear Cache) and your browser cache.

Almost all of our Joomla 5 templates have this tab. If yours doesn't, contact support and we will tell you the best place for your CSS.

The same tab is the place for analytics tags and other code. Adding header or footer code.

Applies to our Joomla 5 templates (Joomla 5.4, VirtueMart 4.8). Still stuck? Contact support.