Наверх
Вы используете устаревший браузер. Подробнее »
Чтобы использовать все возможности сайта, загрузите и установите один из этих браузеров: Используется тема VK-Style © http://Sergey.Pro

Выделение конкретной рубрики из списка рубрик

По просьбе Михаила Ситнянского..
Выделение конкретной рубрики из списка рубрик (изменение цвета фона, шрифта) на главной странице.

Для начала нам нужно определить id конкретной рубрики. Для этого нам нужно зайти в Управление сайтом -> Записи -> Рубрики -> [выбрать конкретную рубрику] Additions (будем использовать эту рубрику как пример). Смотрим адресную строку в браузере, нас интересует значение tag_ID=11. это и есть наше значение id.

Заходим: Управление сайтом -> Внешний вид -> Редактор

Выбираем файл: Таблица стилей [style.css]

Прокручиваем список в самый низ и добавляем:

#sidebar li.cat-item-11 {  
    background-color: #F5F5F5 !important;
}

#sidebar li.cat-item-11 a {    
    color: #CE0000 !important;
    font-weight: bold;
}

а теперь разберем подробней.

#sidebar — говорит о том, что изменения распространяются только на SideBar.

cat-item-11 — где 11 это как раз наш id конкретной рубрики, который мы узнавали в самом начале.

background-color: #F5F5F5 !important; — здесь мы задаем цвет желаемого фона..

#sidebar li.cat-item-11 a — задаем изменения касающиеся текста.

color: #CE0000 !important; — задаем цвет текста.

font-weight: bold; — выделяем текст жирным.

Если мы хотим изменения сделать не в SideBar’a, а в MenuBar’e, для этого нам нужно добавить следующее:

#menubar li.cat-item-11 a {    
    background-color: #F5F5F5 !important;
    color: #CE0000 !important;
    font-weight: bold;
}

Значения одни и те же, следовательно описывать их нет смысла. Если вы хотите чтобы выделения отображались и в SideBar’e, и в MenuBar’e для этого добавьте и те и другие значение, в итоге должно получиться такое:

#sidebar li.cat-item-11 {  
    background-color: #F5F5F5 !important;
}
#sidebar li.cat-item-11 a {    
    color: #CE0000 !important;
    font-weight: bold;
}

#menubar li.cat-item-11 a {    
    background-color: #F5F5F5 !important;
    color: #CE0000 !important;
    font-weight: bold;
}

Не забываем нажимать кнопку [Обновить файл]

Вот и всё. Enjoy..))