- Forum
- Products for Joomla
- Kunena 5.x templates
- RND Kglorious
- Fontawesome icon hide from guests missing in editor toolbar
Fontawesome icon hide from guests missing in editor toolbar
- Astrid
-
Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 46
- Karma: 1
- Thank you received: 2
4 years 9 months ago #843
by Astrid
css is correct, and when adding another code (i.e. strike) icon is showing. Icon is found in use.fontawesome.com/releases/v5.2.0/css/all.cssChecked layouts/bbcode/hide/default.php, but can't find the error.
Fontawesome icon hide from guests missing in editor toolbar was created by Astrid
css is correct, and when adding another code (i.e. strike) icon is showing. Icon is found in use.fontawesome.com/releases/v5.2.0/css/all.css
.fa-low-vision:before{content:"\f2a8"}
- Astrid
-
Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 46
- Karma: 1
- Thank you received: 2
4 years 8 months ago - 4 years 7 months ago #867
by Astrid
Replied by Astrid on topic Fontawesome icon hide from guests missing in editor toolbar
Finally found it:Color can stay the same, but as the font is quit bold I prefer to lighten it a little.
#kunena.layout .markItUpHeader ul a {
text-align: center;
font-family: "Font Awesome 5 Free";
font-size: 0;
text-rendering: auto;
line-height: 18px;
color: #2e2a2a;
font-style: normal;
font-variant: normal;
line-height: 1;
font-weight: 600;
}
Last edit: 4 years 7 months ago by Astrid.
- Dmitry
-
- Offline
- Administrator
-
Less
More
- Posts: 42
- Thank you received: 1
4 years 7 months ago #882
by Dmitry
Replied by Dmitry on topic Fontawesome icon hide from guests missing in editor toolbar
font-weight: 900; is looking too bold?
- Astrid
-
Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 46
- Karma: 1
- Thank you received: 2
4 years 7 months ago #885
by Astrid
Replied by Astrid on topic Fontawesome icon hide from guests missing in editor toolbar
600 or 900 is no difference.
- Dmitry
-
- Offline
- Administrator
-
Less
More
- Posts: 42
- Thank you received: 1
4 years 7 months ago #887
by Dmitry
Replied by Dmitry on topic Fontawesome icon hide from guests missing in editor toolbar
Our version
width: 18px;
height: 18px;
display: inline-block;
background: #FFF;
border: 1px solid #DDD;
text-align: center;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 3px;
line-height: 18px;
margin: 1px;
color: #444;
- Astrid
-
Topic Author
- Offline
- Senior Member
-
Less
More
- Posts: 46
- Karma: 1
- Thank you received: 2
4 years 7 months ago - 4 years 7 months ago #889
by Astrid
Replied by Astrid on topic Fontawesome icon hide from guests missing in editor toolbar
Looks nice! Only small issue is listitembutton. As this is not Fontawesome it is slightly misaligned.
Tried with Fontawesome, and with this styling it is ok:
Tried with Fontawesome, and with this styling it is ok:
#kunena.layout .markItUp .listitembutton a::before {
content: "\f12a";
}
#kunena.layout .markItUp .listitembutton a {
font-family: "Font Awesome 5 Free" !important;
padding: 2.9px;
}
Last edit: 4 years 7 months ago by Astrid.
Moderators: Eugene S.