[Решено] Разноцветные "стикеры" категорий в шаблоне JB-Moments

Всем доброго времени, возник вопросик по поводу реализации такой фичи как разноцветные стикеры для каждой категории...
Проще приложу скрин этого шаблона с обведенными местами что надо поменять ...


Вот код отвечающий за эти стикеры.

PHP:

                <?php if ($params->get('show_category')) : ?>
                <dd class="category-name">
                    <?php     $title = $this->escape($this->item->category_title);
                    $url = '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug)).'">'.$title.'</a>';?>
                    <?php if ($params->get('link_category') and $this->item->catslug) : ?>
                        <?php echo JText::sprintf($url); ?>
                    <?php else : ?>
                    <?php echo JText::sprintf($title); ?>
                <?php endif; ?>
                </dd>
                <?php endif; ?>

CSS

Код:

.category-name a {
position: absolute;
z-index: 20;
top: 0;
right: 0;
padding: 4px 10px;
background: #CC982A;
border-right: 2px solid #a27821;
text-transform: uppercase;
font-size: 90%;
-webkit-transition: background 0.1s ease-in;
-moz-transition: background 0.1s ease-in;
-o-transition: background 0.1s ease-in;
transition: background 0.1s ease-in;
color: #fff;

Вообщем надо както создать индивидуальные стили для каждого айди категории но как ... помогите пожалуйста

 

Индивидуальные - это какие? Разные цвета у бэкграунда?

Добавьте, например, к классу категории ее ID и меняйте с помощью css нужные стили.

Код:

<dd class="category-name" id="<?php echo $this->item->catid; ?>">

Вроде так, но у меня нет возможности проверить.

 

а CSS как будет выглядеть ?

 

Даже лучше добавить не просто ID категории отдельно, а добавить ее к классу:

Код:

<dd class="category-name-<?php echo $this->item->catid; ?>">

Ну а дальше добавлять только

Код:

.category-name-ID a {
/*Ваши стили*/
}

где ID - номер категории.