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

Astrid
Topic Author
Offline
Senior Member

4 years 9 months ago #843 by Astrid

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"}

Checked layouts/bbcode/hide/default.php, but can't find the error.

Astrid
Topic Author
Offline
Senior Member

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:

#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.

Last edit: 4 years 7 months ago by Astrid.

Dmitry
Offline
Administrator

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

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

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

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:

#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.

Notice

Fontawesome icon hide from guests missing in editor toolbar

Attachments:

Attachments:

Information

Company

Partners