XF 2.2 Change Font Awesome Icon

smitpau

Member
Hi,

I'd like to change the Font Awesome icon for the Forums to have a solid fill.

The current code used in extra.less is below, if anyone can help me know how to change it so it would look like the comment icon linked below that would be much appreciated.

On a side note, I assume it's not possible to specify the colour of the icon within the code as I haven't seen this when searching the forum but may have missed something.

Current Code:
.p-navEl a[data-nav-id='forums']:before {.m-faContent("@{fa-var-comments}");}

Preferred Solid Comment Icon:

Thanks
 

Attachments

  • Forums.webp
    Forums.webp
    1.7 KB · Views: 23
Just needs a slight modification to have a solid icon:

Code:
.p-navEl a[data-nav-id='forums']:before {.m-faContent("@{fa-var-comments}"); font-weight: @faWeight-solid; color: blue;}

That will also change the icon to blue (showing you how to change the colors of just the icon).
 
Top Bottom