You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
- Support
- Forum
- JCE Editor
- Awesome icone display by css —> content: “Unicode code” —> e.g. (content: "f00c" !important;) is not showing in editor?
Support is currently Online
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
I bring my Awesome icons in JCE Editor to make JCE more WYSIWYG
I just add this call to my local Awesome Font Folders main css at the top of my custom JCE Editor CSS file (editor_content.css)
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
It work perfectly if I use the full i class html of Awesome icons like —>
The problem is when Icons are call by CSS and “content” it doesn't work in the editor but work perfectly on the frontend
— The typical CSS (in my custom.scss) is like this:
Just display an empty square in the editor.......
I just add this call to my local Awesome Font Folders main css at the top of my custom JCE Editor CSS file (editor_content.css)
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
It work perfectly if I use the full i class html of Awesome icons like —>
<i class="fa fa-check"></i>
The problem is when Icons are call by CSS and “content” it doesn't work in the editor but work perfectly on the frontend
— The typical CSS (in my custom.scss) is like this:
h6.ok::before {
color: $orange;
content: "\f00c" !important;
font-family: FontAwesome;
font-size: 140%;
font-weight: $regular !important;
padding-right: 10px;
}
Just display an empty square in the editor.......
more than a month ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
This is working for me.
Check that this path is correct, and make sure it is at the top of the editor_content.css file:
Check that this path is correct, and make sure it is at the top of the editor_content.css file:
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Just because you're not paranoid doesn't mean everybody isn't out to get you.
more than a month ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Chacapamac
selected the reply #113781 as the answer for this post — 4 months ago
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!