Official support hours: from 9 AM — 6 PM Monday to Friday (GMT +2).
The support staff may not reply on technical inquiries on weekends; all requests will be answered necessarily during working days. Reply time: depending on the complexity of your issue, the answer can be provided between a few hours up to 48 hours. In the particular instances we will notify you if extra time will be required to solve the issue.

×

Notice

The forum is in read only mode.

Fontawesome icon hide from guests missing in editor toolbar

1 year 10 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.css
.fa-low-vision:before{content:"\f2a8"}
Checked layouts/bbcode/hide/default.php, but can't find the error.
Attachments:
1 year 10 months ago - 1 year 9 months ago #867 by Astrid
Finally found it:
#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;
}
Color can stay the same, but as the font is quit bold I prefer to lighten it a little.
1 year 9 months ago #882 by Dmitry
font-weight: 900; is looking too bold?
1 year 9 months ago #885 by Astrid
600 or 900 is no difference.
1 year 9 months ago #887 by Dmitry
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;
1 year 9 months ago - 1 year 9 months ago #889 by Astrid
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:
#kunena.layout .markItUp .listitembutton a::before {
	content: "\f12a";
}
#kunena.layout .markItUp .listitembutton a {
	font-family: "Font Awesome 5 Free" !important;
        padding: 2.9px;
}
Attachments:
Moderators: Eugene S.