Font Awesome Editor Icons

by Oxygen - 23-12-2015, 12:32 PM
<div class="postbit-usertitle">
Posts:
642
Joined:
Feb 2015
Likes:
53
Credits:
1,318
Reputation:
35
3 Years of Service
#1
OP
Posted: 23-12-2015, 12:32 PM
I use this on this site, so you can see it live Smile

You need font awesome for this.

Now put this into your EXTRA.css
Code:
.Responsive .redactor_toolbar li a
{
text-indent: 0px;
text-align: center;
background-image: none !important;
}
.Responsive .redactor_toolbar li a:before, html .redactor_dropdown a:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: @textCtrlText;
line-height: 24px;
}
html .redactor_toolbar li a:hover
{
background-image: none !important;
}
html .redactor_dropdown a
{
padding-left: 0 !important;
background-image: none !important;
}
html .redactor_dropdown a:before
{
margin-right: 10px;
}
html .redactor_toolbar li a.redactor_btn_bold:before {content: "\f032";}
html .redactor_toolbar li a.redactor_btn_italic:before {content: "\f033";}
html .redactor_toolbar li a.redactor_btn_underline:before {content: "\f0cd";}
html .redactor_toolbar li a.redactor_btn_fontcolor:before {content: "\f042";}
html .redactor_toolbar li a.redactor_btn_fontsize:before {content: "\f034";}
html .redactor_toolbar li a.redactor_btn_fontfamily:before {content: "\f031";}
html .redactor_toolbar li a.redactor_btn_createlink:before {content: "\f0c1";}
html .redactor_toolbar li a.redactor_btn_unlink:before {content: "\f127";}
html .redactor_toolbar li a.redactor_btn_alignment:before {content: "\f036";}
html .redactor_toolbar li a.redactor_btn_unorderedlist:before {content: "\f0ca";}
html .redactor_toolbar li a.redactor_btn_orderedlist:before {content: "\f0cb";}
html .redactor_toolbar li a.redactor_btn_outdent:before {content: "\f03b";}
html .redactor_toolbar li a.redactor_btn_indent:before {content: "\f03c";}
html .redactor_toolbar li a.redactor_btn_smilies:before {content: "\f118";}
html .redactor_toolbar li a.redactor_btn_image:before {content: "\f03e";}
html .redactor_toolbar li a.redactor_btn_media:before {content: "\f008";}
html .redactor_toolbar li a.redactor_btn_insert:before {content: "\f067";}
html .redactor_toolbar li a.redactor_btn_custom_gallery:before {content: "\f030";}
html .redactor_toolbar li a.redactor_btn_draft:before {content: "\f0c7";}
html .redactor_toolbar li a.redactor_btn_undo:before {content: "\f0e2";}
html .redactor_toolbar li a.redactor_btn_redo:before {content: "\f01e";}
html .redactor_toolbar li a.redactor_btn_removeformat:before {content: "\f12d";}
html .redactor_toolbar li a.redactor_btn_switchmode:before {content: "\f0f6";}
html .redactor_dropdown a.alignLeft:before {content: "\f036";}
html .redactor_dropdown a.alignCenter:before {content: "\f037";}
html .redactor_dropdown a.alignRight:before {content: "\f038";}
.redactor_dropdown a.quote:before {content: "\f10d";}
.redactor_dropdown a.spoiler:before {content: "\f024";}
.redactor_dropdown a.code:before {content: "\f121";}
.redactor_dropdown a.strikethrough:before {content: "\f0cc";}
.redactor_dropdown a.saveDraft:before {content: "\f0c7";}
.redactor_dropdown a.deleteDraft:before {content: "\f014";}

[Image: UeTXrZ5.png]
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)