Adding Font Aweome icons to message controls

[MichaelCS]

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

 

[Afterward]

https://pixelexit.com/resources/fa-icons-message-controls.7/

 

[MichaelCS]

I cut and pasted that right in to my extra.css and it did nadda.

 

[MichaelCS]

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]

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.

Usually means you have some broken CSS in your extra.css somewhere, a missing closing tag typically. Try pasting the entire contents in:

http://jigsaw.w3.org/css-validator/

 

[MichaelCS]

That is exactly what it was. There was a broken closure.

 

[kkk]

Hi
How to remove the text from the control icons?

 

[Russ]

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

.message .messageMeta .control {
height: 20px;
overflow: hidden;
width: 20px;
}

 

[kkk]

tnx
height: 20px;


height: 15px; - correct

 

[kkk]

and how to add icon for "Unlike"?

 

[Dylan]

and how to add icon for "Unlike"?

.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;

}