Styling not working

Question

Hi 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

Rijwan Ansari · Answer

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.

Sachin Singh · Answer

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" > }

Sachin Singh · Answer

it means font awesome is taking precedence so just override it using! important. .fa fa-check { font-size:48px !important; color:red !important; }

Sachin Singh · Answer

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. .fa fa-check { font-size:48px; color:red; }

Md Sarfaraj · Answer

Font awesome icon comes up with before and after, so you need to add before or after in your class. Then it will work

vishwas prajapati · Answer

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

Smit Thakur · Answer

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

Styling not working

Answers (7)