Replace editor icons with Font Awesome [Deleted]

[Kosuki07]

Bad news now, after putting in all of the code as defaulted in the information area, it broke all my banners. Id we willing to go on teamviewer or give access to anyone who can fix it or walk me through it live

 

[TPerry]

What style is that? Custom or a premade?
Those edits should work though as I've used them on the PixelExit styles I have and also on the UI.X series (UI.X, Quark, Antiquark, Drift).

 

[Steve F]

Bad news now, after putting in all of the code as defaulted in the information area, it broke all my banners. Id we willing to go on teamviewer or give access to anyone who can fix it or walk me through it live

I see you had sent @Russ info, give him a chance to help out if he hasn't already. He is usually quite busy

 

[rdn]

When using this addon: https://xenforo.com/community/resources/xfuniverse-font-awesome-bbcode.4103/
of @Sheldon .
FontAwesome icon when hover, disappear .

 

[Sheldon]

I'll look into it this evening. I haven't noticed at XFU.

 

[rdn]

I'll look into it this evening. I haven't noticed at XFU.

Doesn't happen on your site though :?
Maybe UIX has different approach.

 

[Sheldon]

Yeah, just thought about that. I'm certain that's what it is.

 

[ku-med]

You probably need this

html .redactor_toolbar li a.redactor_btn_custom_sub:before {
content: "\f0c1";
}

Replace the f0c1 code with one from here: http://fontawesome.io/cheatsheet/

To find any new code, just inspect the code and expand until you can view the actual link and look for the class name there, then replace it like above. Arrows point to the class names:

Hi @Russ
Thanks for the guide!
I'm little confused about this
So I've couple of custom bb code that i want to add an icon for each one, so whenever i add an image to the custom bb code nothing happen there just an empty button
Back to Font Awesome
So I've this code implemented in page container:

<link rel="stylesheet" href="@imagePath/xenforo/glyphs/font-awesome.min.css">

So should i put your code above there also?
and where to put this one?

html .redactor_toolbar li a.redactor_btn_custom_sub:before {
content: "\f0c1";
}

In extra.css ? and how to define it for my custom bb codes like for example i've bb code called "note" how to assign one of font awesome icons to it?

Thanks in advance!

 

[Russ]

This resource has been removed and is no longer available.