XF 1.x Adding Font Aweome icons to message controls

MichaelCS

Customer
Is there a standard way build in to add the Font Awesome icons to the message controls (quote and like etc)?
 

MichaelCS

Customer
Ok, I got it working. Weird but I had to put this at the TOP of my extra.css cause at the bottom it doesn't work. Something must be broken within.
 

Russ

Pixel Exit Staff
Hi
How to remove the text from the control icons?
Not a "proper" way of doing it but you could try this in extra.cs
Code:
.message .messageMeta .control {
height: 20px;
overflow: hidden;
width: 20px;
}
Screenshot_10.png
 

Dylan

Customer
and how to add icon for "Unlike"?
Code:
.item.control.unlike:before
{
    content: "YOUR ICON";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;

}
 
  • Like
Reactions: kkk

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.