XF 2.2 Как раскрасить иконку

[Bernardo_Fierro]

Как поменять и покрасить иконку виджета?

 

[MOS777]

С помощью различных css фильтров меняем цвет иконок:

.container {
display:inline-block;
width:25%;
height:25%;
padding:1.5em;
background: rgb(123,215,193);
background: linear-gradient(90deg, rgba(123,215,193,1) 4%, rgba(225,233,148,1) 97%);
}
.key {
  height: 3em;
  width: 3em;
 
   }
.grey-out {
  opacity: 0.4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.hue-rotate {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}
.invert {
 
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
<div class="container">
<img class="key" src="https://twemoji.maxcdn.com/svg/1f511.svg">
  <img class="key grey-out" src="https://twemoji.maxcdn.com/svg/1f511.svg">
   <img class="key hue-rotate" src="https://twemoji.maxcdn.com/svg/1f511.svg">
    <img class="key invert" src="https://twemoji.maxcdn.com/svg/1f511.svg">
</div>

 

[Bernardo_Fierro]

И почему то эта иконка не подчиняется стилю, там должна быть Font Awesome

 

[MOS777]

Как изменить цвет у иконки font awesome

<i class="fa fa-home fa-5x" style="color: red"></i>

попробуйте как то так !!!

 

[Bernardo_Fierro]

Покрасил, спасибо ?

 

[Mirovinger]

Как изменить цвет у иконки font awesome

<i class="fa fa-home fa-5x" style="color: red"></i>

попробуйте как то так !!!

Хм, а css уже не хочет работать, что за костыли с инлайн стилем?

 

[West14]

MOS777, срань господня это что такое. Не давайте советов пока не разберетесь. Решение снимаю, ибо это нихрена не решение.

Bernardo_Fierro, линку на пациента и покажу как надо.

 

[Bernardo_Fierro]

West14 Я через код страницы нашел нужный класс и в extra.less добавил color: цвет;

 

[MOS777]

Не давайте советов пока не разберетесь

Уважаемый модератор я просто предположил что это может сработать не более того!