Я не могу стилизовать размер моих иконок в Sencha Architect с помощью html и css

Question

Мне было интересно, почему я не могу увеличить размер моей иконки.

Это мой конфиг html:

<i class="fa fa-hand-o-up"></i>

в моей таблице стилей я делаю это:

.fa-hand-o-up{
   color: white;
   font-size: 50px;
}

Цвет работает, но font-size нет, кто-нибудь может мне помочь?

Answer 1

Попробуйте это:

.fa.fa-hand-o-up {
  font-size: 50px !important;
}

Answer 2

Попробуйте добавить замену font-size: 50px строки вашего CSS на font-size: 50px !important

Answer 3

Чтобы увеличить размер иконки Font Awesome, вы можете использовать "fa-2x", "fa-3x", ... классы:

<i class="fa fa-hand-o-up fa-2x"></i>

Font Awesome

Answer 4

Попробуйте это

<i class="fa fa-hand-o-up" style="font-size:50px;color:white;"></i>