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

Usta

Member
Сообщения
21
Реакции
10
Добрый день!
Решил все иконки на форуме к разделам и не только сделать в одном стиле font awesome.
И если к иконкам к разделам, все более менее понятно, то как это сделать с объявлениями? Что бы вместо изображений слева, стояли иконки font awesome.
Спасибо за ответы!
 

Jumuro

Руководство
Сообщения
137
Реакции
165
Точно так же, как и в любое другое место.
Типовой код иконки <i class="fa--xf far fa-space-shuttle" aria-hidden="true"></i>
имя класса иконки искать, соответственно, здесь https://fontawesome.com/icons
 
  • Нравится
Реакции: Usta

Usta

Member
Сообщения
21
Реакции
10
Точно так же, как и в любое другое место.
Типовой код иконки <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";
        }
}
 

Usta

Member
Сообщения
21
Реакции
10
Вставил в текст вот что получилось:

1.jpg

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

2.jpg

То есть вид что бы был как и у иконок в разделах.
 

Jumuro

Руководство
Сообщения
137
Реакции
165
Ну так нужно оформить стилями.
Здесь нужны, как минимум, базовые знания 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

Skaiman

Member
Сообщения
7
Реакции
16
там только иконка Material Design, поменять на Font Awesome
 
Верх Низ