Customise Gantry based template's CSS

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



Subscribe to receive occasional updates on new posts.
Your email will not be used for any other purpose and you can unsubscribe at any time.
Please wait