Hey? Do you want to have different categories colors or backgrounds? It's simple!
Preview:
![[Image: cUz7xUI.png]]()
Instructions:
Step 1: Go to ACP → Templates & Style → Templates → Your Theme Templates → Forum Bit Templates → Edit forumbit_depth1_cat.
Step 2: Add new class bar{$forum['fid']} next to tborder class.
{$forum['fid']} mean category ID, so click any category and you'll see ID in address bar:
![[Image: iUr73W9.png]]()
Step 3: Create new class in global.css (ACP → Templates & Styles → Themes → Your Theme → global.css → Advenced Mode)
Create new class named .barID .thead where ID mean your category ID.
Example:
bar1 mean that ID of category is 1. Add another classes with another IDs.
Done! Thanks!
Preview:
![[Image: cUz7xUI.png]](http://i.imgur.com/cUz7xUI.png)
Instructions:
Step 1: Go to ACP → Templates & Style → Templates → Your Theme Templates → Forum Bit Templates → Edit forumbit_depth1_cat.
Step 2: Add new class bar{$forum['fid']} next to tborder class.
Quote:<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder bar{$forum['fid']}">
{$forum['fid']} mean category ID, so click any category and you'll see ID in address bar:
![[Image: iUr73W9.png]](http://i.imgur.com/iUr73W9.png)
Step 3: Create new class in global.css (ACP → Templates & Styles → Themes → Your Theme → global.css → Advenced Mode)
Create new class named .barID .thead where ID mean your category ID.
Example:
Quote:.bar1 .thead {
background: green;
}
bar1 mean that ID of category is 1. Add another classes with another IDs.
Done! Thanks!