I Can't style the size of my icons in Sencha Architect with html and css

Question

I was wondering why I can't seem to increase the size of my icon.

This is my config html:

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

in my stylesheet I'm doing this:

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

The color works but the font-size doesn't, can someone help me?

Answer 1

Try this:

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