Как добавить в объявления font awesome?

Usta

Member
Сообщения
29
Реакции
14
Добрый день!
Решил все иконки на форуме к разделам и не только сделать в одном стиле font awesome.
И если к иконкам к разделам, все более менее понятно, то как это сделать с объявлениями? Что бы вместо изображений слева, стояли иконки font awesome.
Спасибо за ответы!
 
Точно так же, как и в любое другое место.
Типовой код иконки <i class="fa--xf far fa-space-shuttle" aria-hidden="true"></i>
имя класса иконки искать, соответственно, здесь https://fontawesome.com/icons
 
  • Нравится
Реакции: Usta
Точно так же, как и в любое другое место.
Типовой код иконки <i class="fa--xf far fa-space-shuttle" aria-hidden="true"></i>
имя класса иконки искать, соответственно, здесь https://fontawesome.com/icons
Проблема в том, что я не понимаю куда это вставить :) и как :)


И еще вопрос, если допустим мы ставим иконки на разделы и несколько иконок должны быть одинаковыми, как сделать простое их перечисление в первой строке, если например id2 = id5 = id8 и т.д.
Код:
.node--id2
{
    .node-icon i::before
        {
            content: "\f4fe";
        }
}
 
Вставил в текст вот что получилось:

1.jpg

А хотелось, что бы вот так :

2.jpg

То есть вид что бы был как и у иконок в разделах.
 
Ну так нужно оформить стилями.
Здесь нужны, как минимум, базовые знания html/css
<i class="fa--xf far fa-space-shuttle" aria-hidden="true"></i>
заменить, например, на <i class="fa--xf far fa-space-shuttle my-custom-icon-style" aria-hidden="true"></i>
и в extra.less, например:
Less:
.my-custom-icon-style {
    color: red;
    font-size: 24px;
    ...чтотоеще...
}
 
  • Нравится
Реакции: Usta
Назад
Верх Низ