Joomla CSS Guide

Here you will find all the joomla core classes and IDs you can use to declare css styles to customize your joomla templates look and feeling.

We have also examined joomla modules and components styles separately to make it easier for you to know which class is affecting which module or component output. We have also created an A-Z list of joomla classes and ID names.

• Check out A-Z List of Joomla CSS

Joomla Components CSS Reference

If you would like to customize the appearance of a specific joomla component, for example, joomla contact us component, you should be familiar how joomla renders contact us component output and which classes are used in this component.

Joomla components css guide will help you to find out how to give fresh skins for you joomla components output. Every component has its own list of classes and IDs which can be used to declare css styles in joomla template file.

• Check out Joomla Components CSS Guide

Joomla Modules CSS Reference

Joomla make use of specific css class and id names when it generates HTML outpu of each individual module. for example, in order to customize the appearance of joomla login module, you should know which class or id are used in the HTML code of login module.

Now can declare css styles for those classes and ids in your joomla template file to give another look to your joomla login module. We have listed all the css classes and ids for each individual joomla module in this reference. Every module has its own list of classes and IDs.

• Check out Joomla Modules CSS Guide

Joomla Plugins (Mambot) CSS Reference

There are several mambots (plugin) in joomla that perform some pre-determined task such as displaying images, pagination and so on. These plugins have their own set of CSS classes and IDs which are used in rendering the HTML output of particular mambots.

For example, in image mambot (mosimage) you can customize the caption and visual chractristics of images by declaring css styles for these classes in your joomla template file. We have listed all these mambot-specific classes for each individual joomla core plugin in this reference.

• Check out Joomla Mambots CSS Guide