Great JUGS meeting last night! I learnt tons, as ever.

Matt showed me how to link to custom CSS files by editing the index.php file of the Template, but unfortunately it doesn't work on RocketTheme templates, so after some scratching around I came up with this:

Create a file called (say) "mycustomstyle.css" which might have these contents:
/* Add Your Custom CSS Codes Here */
h1 {
font-size: 11px;
color: red;
}
and save it in templates/template_name/css

Now look into the index.php of the template at template/template_name/index.php
You will find a line like this in the head tag:
$gantry->addStyles(array('template.css','joomla.css','overlays.css'));
Just add 'mycustomstyle.css' at the end of that line, thus:
$gantry->addStyles(array('template.css','joomla.css','overlays.css','mycustomstyle.css'));

It would appear that you would do something very similar for adding JS scripts.

Chris

Hi Chris,

Yes, each template does things slightly differently with regards to bringing in CSS - RocketTheme are particularly quirky in the way they do some things! Glad you managed to figure it out, and great to see you!

Ruth