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.
SUBSCRIBE TODAY! ► https://goo.gl/N6y5bH
Watch Me Work live streams ► • Find and Replace ...
Here are some of the links mentioned in this Live Stream - and some others:
Joomla Training Cohort ► https://cybersalt.com/jtc
mySites.guru ► https://mysites.guru
MigrateMe 4 ► https://www.php-web-design.
Stageit for Joomla ► • First Look at Sta...
Backing Up Your Joomla Site with Akeeba ► • How to Backup a J...
Better Frontend Link ► https://regularlabs.com/
FOLLOW US ON TWITTER! ► @basicjoomla
LIKE US ON FACEBOOK! ► https://www.facebook.com/