To customise Gantry based Joomla template’s CSS (Cascading Style Sheets):

• Go to templates/template_name/css folder and create a file with name template_name-custom.css
• Place your CSS customisation in this file
• Refresh the webpage, if necessary clear browser’s cache

For example, let’s say we want to change article text colour to green in Joomla’s rt_afterburner2 template:

• Go to templates/rt_afterburner2/css folder and create a file rt_afterburner2-custom.css with following code:

  
  html body p
  {color: green;}
  
  

I had an issue where these CSS customisation were not working with sites that had JCH Optimize plugin running. To fix this, I had to clean cache in the plugin settings. Sometimes disabling and re-enabling the plugin was also necessary.

February 2017
Joomla 3.6.5
JCH Optimize 5.0.5
Gantry 4.1.27
Rocket Theme Afterburner 2