The Joomla Training Cohort has been launched!

Please send any feedback or bug reports to (opens new link)  

There are a number of places and ways you can use Custom CSS Classes to alter the appearance of your Joomla templates, modules and articles on the front end of your site. In this video we'll see how you can easily create Custom CSS Classes and how to deploy them in on the template of your Joomla site.


  • The video is about using custom CSS classes in Joomla templates and modules.
    - The presenter, Tim Davis, mentions the assistance of Vinnie from Webb in figuring out the process.
    - Tim demonstrates using an Asteroid template but mentions that the technique can be applied to other Joomla templates.
    - He shows how to create a custom CSS class, which he names "Timmy," and applies it to a specific section of a template.
    - Tim uses the browser's element inspector to find CSS styles for elements on a webpage.
    - He copies the CSS for heading styles and applies it to the custom CSS class "Timmy."
    - Tim explains how to modify font size and color for specific elements using custom CSS.
    - He demonstrates the process on a heading element, changing its style to "petite caps" and altering the color.
    - Tim pastes the CSS code into the template's custom CSS section with the class "Timmy."
    - The video emphasizes the importance of understanding your specific Joomla template system for adding custom CSS.
    - Tim discusses potential variations for applying CSS, such as using comma-separated classes or class suffixes.
    - He plans to demonstrate more advanced customizations to show the power of custom CSS classes.

Watch Me Work Livestreams 034


😴👌Watch Me Work live streams ►    • Find and Replace ...  

Here are some of the links mentioned in this Live Stream - and some others:

Contact Tim Davis ► This email address is being protected from spambots. You need JavaScript enabled to view it.

Joomla Training Cohort ► ►

MigrateMe 4 ►

Stageit for Joomla ►    • First Look at Sta...  

Backing Up Your Joomla Site with Akeeba ►    • How to Backup a J...  

Better Frontend Link ►

FOLLOW US ON TWITTER! ► @basicjoomla

Like Us On FaceBook! ►

Interesting blog? Like it on Facebook, Post it or share this article on other bookmarking websites.

Written by:
Tim Davis is the founder and owner of Cybersalt.
Log in to comment

Add comment