• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Использование hover для обычного текста

Image CMS
#1
Доброго времени суток!

Необходимо изменить цвет текста при наведении на ссылку. Знаю, что это делается при помощи псевдокласса hover

На форуме уже подсказывали, как это сделать для какого-либо элемента

Сейчас необходимо сделать это просто для текста, например для данной записи:

Код:
<p style="text-align: center;"><span style="color: #1b3f88;"><a style="color: #1b3f88;" href="http://santechpost.ru/product-category/complect/for-installations/?filtering=1&amp;filter_fabricator=vitra">Запчасти для инсталляции</a></span></p>
помогите, пожалуйста!


upload_2016-8-18_19-17-41.png
ссылка: http://santechpost.ru/vitra/
 
#2
Добавил следующий код в style.css темы
Код:
a:link {color:#1b3f88}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* unvisited link */
      a:visited {color:#c72424}&nbsp; /* visited link */
      a:hover {color:#81A3E6}&nbsp; /* mouse over link */
      a:active {color:#0000FF}&nbsp; /* selected link */
Изменилось только для некоторых ссылок
upload_2016-8-19_9-21-12.png
 
#4
Разобрался, почему не работал hover

Вместо
Код:
</p><p style="text-align: center;"><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #1b3f88;"><a href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a></span></p>
у меня было:

Код:
<a style="color: #1b3f88;" href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a>
 
#5
В итоге сделал так:
В style.css темы добавил

Код:
a.sp:link {
    color: #356AD4;
}

a.sp:visited {
    color: #1b3f88;
}

a.sp:active {
    color: #c72424;
}

a.sp:hover {
    text-decoration: none;
    color: #81A3E6;
    background-color: none;
}
А для текста на страницах: добавил название класса

<p style="text-align: center;"><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #1b3f88;"><a class="sp" href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a></span></p>