Ghost Plugins

View Original

Hyperlink External Arrow Icon (#2)

See this content in the original post

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

See this content in the original post

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

See this content in the original post

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.