Want even more control over the looks of your links? My LinkPlus Stack takes link styling to the next level, improving the accessibility for color blind and those with dexterity impairments as well.
ExternalLinkIcon Stack

ExternalLinkIcon3 Stack

shows a Font Awesome icon after external links

Making a clear distinction between links within a site (internal links) and links that lead to another site (external links) enhances the usability of a site. Wikipedia uses them, and so does the American government (HHS.gov). This stack does just that, by adding a Font Awesome icon external links.

…and with the ExternalLinkIcon3 stack.

Marathia Web Design
RapidWeaver forum
Home (internal link)
Google (link with a class NoLinkIcon)
Above, the external links show the default icon. The external links below show an alternative icon with a custom color:

  • Just drag one or more stacks that can contain text in the drop zone of the stack. Advanced users can also set one or more custom selectors to fade in.
  • You can set the icon on all external links, or only those that open in a new window.
  • Choose between two icon types ( or ). Optionally, you can set the size and the color of the icons (fig. 1).
  • When choosing the option all external links, make sure you start all external links with http:// or https:// — without this the icons will not show.
  • For specific links you don't want an icon on, add a class NoLinkIcon (fig. 2).

Need help using it on a non-stacks page? Here’s a tutorial.

Please use this form to report all issues, questions and comments.

This stack requires RapidWeaver (version 7 or higher) and the Stacks plugin by YourHead (version 3.5 or higher).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
adding a NoLinkIcon class
fig. 2: Adding a class ‘NoLinkIcon’ prevents an icon from showing

ExternalLinkIcon3 HUD
fig. 1
© 2012-2019 Marathia Web Design | Contact