remove the font awesome icons?

[Keeno]

how do i remove the font awesome from my board?

[david63]

One easy way is to remove the line in the template but I have no idea what sort of mess it will make of your board.

The hard way would be to edit all of the template files that reference Font Awesome.

Another option would be to use a style that does not have Font Awesome.

Out of interest why do you want to remove them?

[DTMWC]

You could add this into the CSS to get a preview of your board with the icons gone. (or do it with the browser inspector)

Code: Select all

.fa-fw {
	display: none !important;
}

You would need to fix a few buttons that have icons only without text in the templates, off the top of my head I can think of buttons for:
Search, Advanced search, Quote, Topic Tools, Display & Sorting Options and all the BBcode buttons in the posting editor.

The hardest one to fix would be the little "unread topic" icon at the right side of the main topic icons, there is little room for text.

[Keeno]

One easy way is to remove the line in the template but I have no idea what sort of mess it will make of your board.

The hard way would be to edit all of the template files that reference Font Awesome.

Another option would be to use a style that does not have Font Awesome.

Out of interest why do you want to remove them?

thank you for the reply. Our site is very slow when we test it. we are working through a list of issues atm. when we test our loads speed font awesome is showing a few times for long periods of time compared to the other items on the load list,

[Keeno]

You could add this into the CSS to get a preview of your board with the icons gone. (or do it with the browser inspector)

Code: Select all

.fa-fw {
	display: none !important;
}

You would need to fix a few buttons that have icons only without text in the templates, off the top of my head I can think of buttons for:
Search, Advanced search, Quote, Topic Tools, Display & Sorting Options and all the BBcode buttons in the posting editor.

The hardest one to fix would be the little "unread topic" icon at the right side of the main topic icons, there is little room for text.

thank you for this information.

[Hanakin]

the way we had to impliment it in 3.2 was not optimal. Going forward we are developing a custom approach to add better flexability to switch between fonts and local assets on a per icon bases across the entire theme. However a quick fix if you are just trying to increase the performance is to try swaping it out. It would require some heavy find and replace on the whole template directory to use iconify service to provide the icons instead. This should have dramatic improvements on the load speeds as well as give you access to multiple different icon librarys. I can not get codepen to load at the moment or I would provide some steps I took to create the test.

[Talk19Zehn]

prosilver - phpBB-3.2.7

Hello,

[...]
The hardest one to fix would be the little "unread topic" icon at the right side of the main topic icons, there is little room for text.

Yes that's true. A break could possibly help. Since I personally have the standard FA-ICON for

<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i>

not really like it, I looked in phpBB-3.1 Ascraeus and tried a little, rebuilt.
I rotated the icon --> icon_pages.gif --> 90° and renamed it in --> icon_topic_gotolatest.gif. It is now 13x12 px in size.

The CSS:

Code: Select all

.imageset.icon_topic_gotolatest {
	background-image: url("./images/icon_topic_gotolatest.gif");
	padding-left: 13px;
	padding-top: 12px;
}
span.imageset {
	display: inline-block !important;
	background: transparent none 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

and the original viewforum_body.html (line 224-235)

Code: Select all

				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost">
					<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_last_post_author_username_prepend -->{topicrow.LAST_POST_AUTHOR_FULL}<!-- EVENT viewforum_body_last_post_author_username_append -->
						<!-- IF not S_IS_BOT and topicrow.U_LAST_POST -->
							<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
								<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
							</a>
						<!-- ENDIF -->
						<br />{topicrow.LAST_POST_TIME}
					</span>
				</dd>

I've rebuilt in prosilver phpBB-3.2.7:

Examples in total (4 test examples) from my viewforum_body.html summarized (!):

Code: Select all

				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn><br /><a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}"><span class="imageset icon_topic_gotolatest" title="{L_GOTO_LAST_POST}"></span></a></dd>
				<dd class="lastpost">
					<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_last_post_author_username_prepend -->{topicrow.LAST_POST_AUTHOR_FULL}<!-- EVENT viewforum_body_last_post_author_username_append -->
						<!-- IF not S_IS_BOT and topicrow.U_LAST_POST -->
							<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
								<span class="imageset icon_topic_gotolatest" title="{L_GOTO_LAST_POST}">{L_GOTO_LAST_POST}</span>
							</a>
							<br /><span><a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}"><span style="font-size:112%;">{L_GOTO_LAST_POST}</span></span></a>
						<!-- ENDIF -->
						<br />{topicrow.LAST_POST_TIME}<div style="float:right; margin-right:18px;"><a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}" class="button"><span class="imageset icon_topic_gotolatest" title="{L_GOTO_LAST_POST}"></span></a></div>
					</span>
				</dd>

And the original forumlist_body.html (line 99-104)

Code: Select all

								<!-- IF not S_IS_BOT -->
									<a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}">
										<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{L_VIEW_LATEST_POST}</span>
									</a>
								<!-- ENDIF -->
								<br />{forumrow.LAST_POST_TIME}

looks after the replace conversion (phpBB-3.2.7) as follows: Not all ideas installed yet (!)

Code: Select all

								<!-- IF not S_IS_BOT -->
									<a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}">
										<span class="imageset icon_topic_gotolatest" title="{L_VIEW_LATEST_POST}">{L_VIEW_LATEST_POST}</span>
									</a>
									<br /><span><a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}"><span style="font-size:112%;">{L_VIEW_LATEST_POST}</span></span></a>
								<!-- ENDIF -->
								<br />{forumrow.LAST_POST_TIME}<span><div style="float:right; margin-right:18px;"><a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}" class="button"><span class="imageset icon_topic_gotolatest" title="{L_VIEW_LATEST_POST}"></span></a></div></span>

Note:
The pure text and the break after <dfn> {L_VIEWS} </ dfn> I could neglect (in my opinion). It saves space.

Everything is without obligation and not tested in all browsers and requirements.

Result:

resultsgotolatest.png

I hope I have not forgotten anything ...., - maybe it's a help.

Regards