Adding a Class to Category

bockey Joomla Fixes 12 April 2025 Hits: 197

Need custom styling for a specific Joomla category? Adding a class to a category lets you apply unique styles or behaviors to articles within it. It’s a simple way to enhance layout control and tailor the design to your content.

HTML code

<div class="category-<?php echo $this->category->id; ?>">....</div>

CSS code

div.category-2 .contentheading {color:pink}

This will give you wrapper classes of "category-2", "category-3" etc, where the numerical value is equal to the category ID in the back-end, you can then style up the individual elements.

Boki

With more than 15 years of hands-on experience in Joomla, the author specializes in building and redesigning websites that are both functional and easy to use. Driven by a passion for clean code and thoughtful design, they help individuals and businesses bring their digital ideas to life—turning concepts into smooth, engaging online experiences.

Tips & Tricks