Report any technical problems you discover and discuss solutions.

Font Awesome in section titles

  • Neil Pollock
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
8 years 10 months ago #4662 by Neil Pollock
Font Awesome in section titles was created by Neil Pollock
I have a project where I've used Font Awesome icons in section headings: xerte.cardiff.ac.uk/play_5974

This worked fine until the latest update, but now the text appears to be removed from the left hand nav menu (it appears correctly in the section titles).

The code used for each section heading follows the same format, e.g:
Code:
<p><i aria-hidden="true" class="fa fa-handshake-o fa-fw"></i> Introduction</p>

Am I missing something? Is there a reason the text would be removed when the nav list is generated?

Please Log in or Create an account to join the conversation.

  • Neil Pollock
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
8 years 10 months ago #4663 by Neil Pollock
Replied by Neil Pollock on topic Font Awesome in section titles
Actually, I've just had another play around, and it seems that if you wrap the icon html and text in a span tag it stops the text from being removed. For example:
Code:
<p><span><i aria-hidden="true" class="fa fa-map-marker fa-fw"></i> Finding your library</span></p>

So, I can use this workaround for the time being, but is there any chance of a fix?

Please Log in or Create an account to join the conversation.

Moderators: ronmjultenJohnSmith
Time to create page: 0.533 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo