Replace TaigaChat Icons With Font Awesome

[Sheldon]

Sheldon submitted a new resource:

Replace TaigaChat Icons With Font Awesome - The others are so... MEH...

Ensure you have the ability to use Font Awesome. If you don't, there are plenty of guides around that will let you know how to do so. Some say to use it in one template, some say another is better. You can make that choice on your own.

Improving The Buttons

Go from this:

View attachment 80504

To this:

View attachment 80505

#taigachat_controls .taigachat_bbcode span.mce_bold:before {
    content: "\f032";...

Read more about this resource...

 

[jayramfootball]

Nice one cheers... would be great if we could use the redactor icons ...possible?

 

[Shelley]

Nice one cheers... would be great if we could use the redactor icons ...possible?

Yes, It's possible, I use them already in Taigachat. It'll take some css to accomplish this though.

 

[jayramfootball]

Yes, It's possible, I use them already in Taigachat. It'll take some css to accomplish this though.

Of course you know i am going to ask you how!... so please, pretty please...

 

[tommydamic68]

Nice addition @Sheldon -.would have surely used it - I removed the chat feature and not one person noticed! Made my page heavy anywho. Nice work though!

 

[jayramfootball]

come on @Shelley pretty please? I will put a cherry on top too

 

[Shelley]

come on @Shelley pretty please? I will put a cherry on top too

The css I used to accomplish this was on my old site bbsmiley which no longer exists and I don't have taiga chat installed anymore. Sorry.

 

[Rho Delta]

Can you make this an add on instead of a template mod?

 

[Sheldon]

Perhaps.

I'll see what I can do this evening.

 

[Russ]

Can you make this an add on instead of a template mod?

Would take more work to install as a mod than pasting inside extra.css

 

[Rho Delta]

Would take more work to install as a mod than pasting inside extra.css

1 click is easier than pasting code, yes.

 

[melbo]

Thanks @Sheldon for this.
How would I change the color picker to 'something font awesome' and also the smilie button to font awesome icon?

 

[CNK]

How would I change the color picker to 'something font awesome' and also the smilie button to font awesome icon?

#taigachat_colorpicker span.taigachat_bbcode_color:before {
    content: "\f1fc";
    font-family: FontAwesome;
    font-size: 15px;
}

.button.taigachat_bbcode {
    min-width: 22px
}

and

#taigachat_controls span.taigachat_bbcode_smilie:before {
    content: "\f118";
    font-family: FontAwesome;
    font-size: 15px;
}

 

[SuchMuch]

Pls advise where code should be inserted?

 

[Martijn_K]

This is great stuff the old icons really look outdated! One question though, how can I change the icon on the send/submit button the >. Been searching like crazy can't get it done.

Thanks!