Hi,

I want to change the gear icon on the right top page of my site near the login section. I found the css codes and try to change them
but no luck, did not see any changes even after i cleared the cache. Can you help?


Can you also explain how i can do the same (add awesome icons) for my categories and subcategories.
For categories and subcategories could not find css codes to change.

---------------------------------------------------------------------------------------------------------------------------------------------
style.css

!#gear-right, #conf-form {display:none!important;}

NO CHANGE

--------------------------------------------------------------------------------------------------------------------------------------------
font-awesome.css

}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

CHANGE IT TO:

}
.fa-gears:before,
.fa-user-circle:before {
  content: "\f085";
}
----------------------------------------------------------------------------------------------------------------------------------------------
font-awesome.min.css

.fa-gear:before,.fa-cog:before{content:"\f013"}

CHANGE IT TO:

.fa-gear:before,.fa-user-circle:before{content:"\f013"}

-----------------------------------------------------------------------------------------------------------------------------------------------

Thanks.

@omilias
You should change class of <i> element, not it's content via CSS.

@frosticek

Hi there,

Thanks for clarification, managed to change the gear icon.