Question

Здравствуйте! Подскажите пожалуйста, как заменить стандартный значок телефона в верхней части сайта http://trubi.zp.ua на свой?

Answer 1

У вас в верхней части сайта есть прописанный такой код:

<span class="phone"><span><a href="tel:+380322295990">(032)229-59-90</a></span></span>

вместо выделенного красным нужно прописать класс новой иконки, подобрать иконку можно на сайте https://fontawesome.com/v4.7.0/icons/ для примера можно взять иконку https://fontawesome.com/v4.7.0/icon/comment копируем лишь название класса fa fa-comment и прописываем его вместо выделенного красным.

Comments

Спасибо! Можно только те, которые на сайте? А, например, Vodafon иконки нет, добавить никак нельзя?

---

Александр Попов,

Добавить можно, но лишь вручную так как иконок мобильных операторов в фонт авесом нет.

---

Yuri_Geruk,

Подскажите, пожалуйста, как это сделать? Добавить вручную.

---

Александр Попов,

Делается примерно так. В стили прописываем следующее:

.icon-other:before{float: left;margin-right: 5px;content:"";width:24px;height:24px;position: relative;background:url('здесь ссылка на картинку размерами 24х24');}

далее например редактируем код который выше:

<span class="phone"><span><a href="tel:+380322295990">(032)229-59-90</a></span></span>

вместо phone прописываем icon-other вот так мы пропишем свою иконку вручную.

---

Yuri_Geruk,

Спасибо, попробую!