Styling not working

Ramco Ramco

I have below code . In Style.Css i have written below code but it is not getting implemented.

.fa fa-check {
font-size:48px;
color:red;
}

@if(item.IsActive)
{

}

Thanks

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rijwan Ansari5y ago
I would recommend to use custom class as shown:
.check-fa-custom {
    font-size:48px!important;
    color:red!important;;
}

  @if(item.IsActive)
                                    {
                                        class='fa fa-check check-fa-custom' >
                                    }
This is the recommended way.
+2
Md Sarfaraj5y ago
Font awesome icon comes up with before and after, so you need to add before or after in your class.

Then it will work
+1
vishwas prajapati5y ago
only use .fa or .fa-check class to give style

example

.fa{
   font-size:48px;
   color:red;
}

or

.fa-check {
   font-size:48px;
   color:red;
}

dont forget to use full stope before classname

+1
Smit Thakur5y ago
Add this CSS:

.fa-check {

font-size: 48px;

color: red;

}
0
Sachin Singh5y ago
that is CSS before and after cursor goes to this font.
best is to use inline CSS that will override everything
{
class='fa fa-check' style="font-size:48px;color:red">
}
+1
Sachin Singh5y ago
it means font awesome is taking precedence so just override it using! important.
.fa fa-check {
font-size:48px !important;
color:red !important;
}
+1
Sachin Singh5y ago
You might not referencing the style ref in your view or layout.
so test with this, put this css in style tag and keep it all the way up in your view.
+1