Damit wird dir dies auch richtig beantworten können bräuchten wir von dir einen Link zum Template oder noch besser zusätzlich auch den Link zu deiner Website mit dem Template.
Dies benötigen wir weil der Dateiname und der Dateiordner in dem die gewünschten Ergänzungen gemacht werden müßten vom jeweiligen Template abhängig sind!
Und falls außerdem mit dem Template ein Framework zusätzlich installiert wurde, ist es bei manchen Frameworks auch vom Framework abhängig!
Du kannst natürlich auch, je nach Bedarf, einfach mal in einer vorhandenen user.css oder user.js in deinem Template-Ordner im Dateiodner css oder js das gewünschte ergänzen,abändern oder die Datei erstellen und schauen ob es wie gewünscht funktioniert. Oder du schaust selbst auf der Website des Erstellers des Templates ob es diesbezügliche Informationen gibt.
So ist es zum Beispiel beim Protostar vorgesehen in der index.php des Templates :
// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));
// Check for a custom js file
JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));
aus: https://github.com/joomla/joomla-…dex.php#L90-L94
Diese Datei existiert standardmäßig nicht, kann aber über "Erweiterungen > Templates > Templates > Protostar - Details und Dateien" leicht erzeugt werden.
Damit hat der Anwender nun die Möglichkeit aufgrund der CSS-Regelungen sein CSS in seiner Seite einzubinden, in dem er es in der user.css einträgt.
aus: http://develop.linsner-luebeck.de/tutorials/11-c…-protostar.html