Hyperlink External Arrow Icon (#3)
Plugin Details
Add an arrow icon next to a text hyperlink to let visitors know it is an external link.
Compatibility
Works with Squarespace 7.1
Uses Custom CSS
Arrow Icon Included
Add to Custom CSS
Apply Icon To Hyperlink
To assign the icon to a hyperlink, bold the hyperlink text in editing.
By default, the plugin applies to paragraph hyperlinks. If you want to apply to a header hyperlink instead, replace ‘p’ with one of the header options:
Header 1 - h1
Header 2 - h2
Header 3 - h3
Header 4 - h4
The plugin will only apply when the hyperlink is set to bold, so don’t forget that.
Customizable Options
Icon Width
Icon Height
Left Spacing
Right Spacing
Invert (Black or White)
Default Icon URL
Hyperlink Font Weight
Notes
No plugin notes
Use Your Own Icon
Use CSS > Manage Files to upload and generate a file URL for your own icon. Then swap out the default icon’s URL with your file’s URL.