Custom css is new css code you add to your site
its either - new css code or css code to overide an existing template styling

The file it needs to be added to is called custom_rename_to_custom.css or if renamed custom.css (for the file to work it needs to be called custom.css) - this file is protected from being overwritten by template updates

The path to the file is
\templates\template name\css\custom_rename_to_custom.css

via the joomla backend the path is

extensions tab > template manager > Templates (top left in Joomla 3) > "template name" details and files > Edit css/custom_rename_to_custom.css

Thanks Paul, much appreciated.

No problem

Cheers
Paul

Hi,
Thanks for the instructions - i have made the addition (see zipped screenshot) an d saved but I is still not showing on the front end, sorry but can't figure out what

is going wrong

Hi

You need to rename the file - this bit

"for the file to work it needs to be called custom.css"

so via ftp or file manager you need to rename custom_rename_to_custom.css to custom.css

Cheers
Paul

Thanks Paul all working now - that certainly is a red background!

No problem - I do tend to go with red as it makes it obvious what area is changed - so I tend to test using red for both font color and backgrounds

Nothing subtle about that - thanks for the teaching tip - i might use it myself

you're welcome

With the new Zen Grid Framework version 4 based templates (as of 20/12/14 that is Xero and Rasa 2)

We have this doc

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

For more recent templates check out these options

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html