Как изменить цвет текста и ссылок в блоке новостей

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

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

Ну а теперь, когда вы имеете некоторое представление о том с чем мы имеем дело, приступим к сути.

1. Цвет текста анонса новости. 

Неактивный текст, описывающий содержание полной новости. Для того что бы изменить цвет этого текста прописываем в редактор css следующий код, и прописываем нужное вам значение цвета:

.art-blockcontent-body, .art-blockcontent-body p { 
color: #FFFFFF;
}  

2. Цвет ссылок и заголовка новости. 

Цвет всех активных ссылок в блоке новостей можно изменить прописав следующий код css:  

.art-blockcontent-body a,  .art-blockcontent-body a:link, .art-blockcontent-body li a:link { 
color: #FFFFFF;
} 

3. Цвет активных ссылок в блоке новостей при наведение.

Для того что бы, при наведение на ссылку изменялся цвет текста, пропишите следующий код css:

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover, .art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover {
color: #999999;
} 

4. Цвет даты новости.

Если вы хотите выделить только цвет даты выхода новости, пропишите в редактор css код: 

.art-blockcontent-body b {
color: #FF0000;
}

5. Цвет заголовка новости.

Возможно вам захочется выделить заголовок новости отдельным цветом, и в этом поможет код ниже: 

.art-blockcontent-body b a:link, .art-blockcontent-body li b a:link {
color: #3333ff;
}

6. Цвет заголовка новости при наведение. 

Что бы при наведение на заголовок цвет изменялся на нужный вам, пропишите код:

.art-blockcontent-body b a:hover, .art-blockcontent-body li b a:hover {
color: #ccccff;
} 

На этом пожалуй остановимся, если какие либо коды не сработают на вашем шаблоне, просьба отписаться в комментариях к статье. Постараюсь разобраться в кратчайшие сроки. Для того что бы подобрать цвет текста, вы можете использовать таблицу безопасных цветов или любой удобный вам способ. Спасибо за внимание, и до новых встреч.