Как задать цвет наведения и название иконки на сайте?

Question

[Rezonatorrr]

Заменил на сайте в хедере иконку Flickr на загруженную на сайт свою в ряду коллекции Font Awesome. То же самое сделал и в футере. Только там цвет наведения на месте, а в хедере никак не получается его присвоить. Также интересует как сменить отображаемое при наведении название данной иконки.

Подскажите, пожалуйста, какой код нужно для этого прописать?

Comments

[approximate solution]

Сайт в студию, или код на codepen

[Арсений Матыцин]

И завязывай спамить тегами.

[Rezonatorrr]

Арсений Матыцин, ...в смысле спамить тегами? я задаю теги, относящиеся к вопросам

[Rezonatorrr]

approximate solution, добавлено

[Арсений Матыцин]

Rezonatorrr, в прямом, посмотри мою редакцию. АБСОЛЮТНО НИКАКОГО, ПРОСТО ВООБЩЕ НИКАКОГО отношения WordPress к вопросу не имеет. А изображения, кстати, можешь оставить. Я еще раз взглянул код и твой вопрос расходиться с действительностью.

[Rezonatorrr]

Арсений Матыцин, ...ничего не понимаю. Вордпресс тут при том, что сайт на нём. А что расходится?

Answer 1

[Тактан Степанов]

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

Comments

[Rezonatorrr]

Арсений Матыцин, ...слушайте, вы можете не хамить, а нормально общаться? Вон человек по-человечески пояснил же

[Rezonatorrr]

Тактан Степанов, то есть надо эту иконку переделать в указанный вами формат и тогда она автоматически будет менять цвет при наведении на такой же как у остальных?

[Rezonatorrr]

Арсений Матыцин, ...вы адекватны вообще? Вы вопрос внимательно читали? А шрифтовой иконки Coub НЕТ! Её ждут уже минимум 3 года.

[Rezonatorrr]

Тактан Степанов, ?

[Тактан Степанов]

Rezonatorrr, да. Используйте любой онлайн конвертер из PNG в SVG

[Rezonatorrr]

Тактан Степанов, сконвертировал, но ничего не изменилось

[Stalker_RED]

Rezonatorrr,

А шрифтовой иконки Coub НЕТ! Её ждут уже минимум 3 года.

угу, конечно

сконвертировал, но ничего не изменилось

выкладывайте на codepen или plnkr

[Rezonatorrr]

Stalker_RED, я имел в виду в Font Awesome её нет. Ниже уточнил - проблема решена частично - изменение всплывающего при наведении на иконку названия не получается осуществить. Что именно выкладывать?

[Stalker_RED]

Rezonatorrr, 1. можно собрать свой иконочный шрифт, если оно вам надо.
2. если вы не выкладываете в песочницу минимальный код, но надеетесь, что соберет его за вас - вероятно вам придется долго ждать.

[Rezonatorrr]

Stalker_RED, так я же спрашиваю - что именно выкладывать? ну вот так сейчас выглядит код иконки, если я вас правильно понял

[Stalker_RED]

Rezonatorrr, разметку вы забыли, но ладно, я ее типа добавил
цвет меняется. что не так?


еще можно не заменять src, а менять цвет фильтром, например
https://css-tricks.com/change-color-of-svg-on-hover/

[Rezonatorrr]

Stalker_RED, я же говорил - с цветом разобрался, не так то, что не могу понять как изменить текст при наведении на неё

[Stalker_RED]

Rezonatorrr, я ж говорю, вы не выкладываете в песочницу. Остается только догадываться о каком тексте речь.

[Rezonatorrr]

Stalker_RED, добавил в CSS на codepen кусок кода с всплывающем названием Flickr, которое соответственно надо изменить на Coub, но изменить это не получается, потому что не знаю как это можно сделать в вордпрессе

[Rezonatorrr]

Stalker_RED, ?

[Rezonatorrr]

Stalker_RED, простите, так вы не знаете как это сделать?

Answer 2

[Rezonatorrr]

проблема решена частично - изменение всплывающего при наведении на иконку названия не получается осуществить